.app-top-banner{position: fixed;top: 0;z-index: 1000}:root{color-scheme: light only;supported-color-schemes: light}@media (prefers-color-scheme: dark){.mud-paper,.mud-paper-outlined,.mud-paper-filled,.mud-expansion-panel,.mud-expansion-panels,.mud-expansion-panel-header,.mud-expansion-panel-content,.mud-card,.mud-dialog,.mud-dialog-content,.mud-popover-paper,.mud-menu-paper,.mud-picker-paper,.mud-select-popover,.mud-autocomplete-popover{background-color: #ffffff !important}.mud-paper-outlined,.mud-expansion-panel{border-color: #e5e7eb !important}.mud-paper[elevation="0"],.mud-paper[elevation="1"],.mud-paper[elevation="2"],.mud-paper[elevation="3"]{background-color: #ffffff !important}.mud-expand-panel-header{background-color: rgba(248,250,252,0.5) !important}.mud-expand-panel-content{background-color: #ffffff !important}.mud-input-control-input-container,.mud-input-outlined,.mud-input-root{background-color: #ffffff !important}}.density-compact{--spacing-unit: 6px}.smart-context-header .header-quick-actions{display: flex;gap: 8px;flex-wrap: nowrap}@media (max-width: 1280px){.smart-context-header .header-quick-actions{overflow: hidden}.smart-context-header .header-quick-actions::after{content:'';flex: 0 0 24px;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.9))}}:root{--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--container-md: var(--breakpoint-mobile);--container-lg: var(--breakpoint-tablet);--app-mobile-nav-height: 60px;--mobile-fab-size: 56px;--mobile-safe-area-top: env(safe-area-inset-top,0px);--mobile-safe-area-bottom: env(safe-area-inset-bottom,0px);--mobile-safe-area-left: env(safe-area-inset-left,0px);--mobile-safe-area-right: env(safe-area-inset-right,0px);--taloma-primary: #2563eb;--taloma-primary-hover: #1d4ed8;--taloma-primary-light: #dbeafe;--taloma-primary-dark: #1e40af;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: #3b82f6;--color-info-light: #dbeafe;--status-overdue: #dc2626;--status-overdue-light: #fef2f2;--status-due-soon: #ea580c;--status-due-soon-light: #fff7ed;--status-upcoming: #0ea5e9;--status-upcoming-light: #f0f9ff;--status-weather-seasonal: #8b5cf6;--status-weather-seasonal-light: #f3f4f6;--status-completed: #059669;--status-completed-light: #ecfdf5;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-tertiary: #f1f5f9;--surface-elevated: #ffffff;--surface-overlay: rgba(0,0,0,0.5);--border-light: #e5e7eb;--border-medium: #d1d5db;--border-strong: #9ca3af;--border-focus: var(--taloma-primary);--text-primary: #1e1f21;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--text-link: var(--taloma-primary);--font-family-sans: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-family-mono: 'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,'Courier New',monospace;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 450;--font-semibold: 500;--font-bold: 600;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-xs: 0.125rem;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--app-header-height: 72px;--app-drawer-width: 250px;--app-mobile-nav-height: 60px;--app-content-max-width: 1400px;--grid-gap: var(--space-6);--grid-gap-sm: var(--space-4);--grid-gap-lg: var(--space-8);--transition-fast: 150ms cubic-bezier(0.4,0,0.2,1);--transition-normal: 250ms cubic-bezier(0.4,0,0.2,1);--transition-slow: 350ms cubic-bezier(0.4,0,0.2,1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}.text-display{font-size: var(--text-4xl);font-weight: var(--font-bold);line-height: var(--leading-tight);letter-spacing: -0.025em;color: var(--text-primary)}.text-h1{font-size: var(--text-3xl);font-weight: var(--font-bold);line-height: var(--leading-tight);letter-spacing: -0.022em;color: var(--text-primary)}.text-h2{font-size: var(--text-2xl);font-weight: var(--font-semibold);line-height: var(--leading-tight);letter-spacing: -0.019em;color: var(--text-primary)}.text-h3{font-size: var(--text-xl);font-weight: var(--font-semibold);line-height: var(--leading-tight);letter-spacing: -0.016em;color: var(--text-primary)}.text-h4{font-size: var(--text-lg);font-weight: var(--font-semibold);line-height: var(--leading-tight);letter-spacing: -0.011em;color: var(--text-primary)}.text-h5{font-size: var(--text-base);font-weight: var(--font-semibold);line-height: var(--leading-tight);letter-spacing: -0.009em;color: var(--text-primary)}.text-h6{font-size: var(--text-sm);font-weight: var(--font-semibold);line-height: var(--leading-tight);letter-spacing: -0.006em;color: var(--text-primary)}.text-body-lg{font-size: var(--text-lg);font-weight: var(--font-normal);line-height: var(--leading-relaxed);letter-spacing: -0.011em;color: var(--text-primary)}.text-body{font-size: var(--text-base);font-weight: var(--font-normal);line-height: var(--leading-normal);letter-spacing: -0.009em;color: var(--text-primary)}.text-body-sm{font-size: var(--text-sm);font-weight: var(--font-normal);line-height: var(--leading-normal);letter-spacing: -0.006em;color: var(--text-primary)}.text-body-xs{font-size: var(--text-xs);font-weight: var(--font-normal);line-height: var(--leading-normal);letter-spacing: -0.003em;color: var(--text-secondary)}.text-ui-lg{font-size: var(--text-lg);font-weight: var(--font-medium);line-height: var(--leading-tight);letter-spacing: -0.011em;color: var(--text-primary)}.text-ui{font-size: var(--text-base);font-weight: var(--font-medium);line-height: var(--leading-tight);letter-spacing: -0.009em;color: var(--text-primary)}.text-ui-sm{font-size: var(--text-sm);font-weight: var(--font-medium);line-height: var(--leading-tight);letter-spacing: -0.006em;color: var(--text-primary)}.text-ui-md{font-size: var(--text-base);font-weight: var(--font-medium);line-height: var(--leading-tight);letter-spacing: -0.009em;color: var(--text-primary)}.text-ui-xs{font-size: var(--text-xs);font-weight: var(--font-medium);line-height: var(--leading-tight);letter-spacing: -0.003em;color: var(--text-secondary)}.text-label{font-size: var(--text-sm);font-weight: var(--font-medium);line-height: var(--leading-tight);letter-spacing: 0.02em;text-transform: uppercase;color: var(--text-secondary)}.text-label-xs{font-size: var(--text-xs);font-weight: var(--font-medium);line-height: var(--leading-tight);letter-spacing: 0.025em;text-transform: uppercase;color: var(--text-tertiary)}.text-primary{color: var(--text-primary)}.text-secondary{color: var(--text-secondary)}.text-tertiary{color: var(--text-tertiary)}.text-inverse{color: var(--text-inverse)}.text-link{color: var(--text-link)}.text-success{color: var(--color-success)}.text-warning{color: var(--color-warning)}.text-error{color: var(--color-error)}.text-info{color: var(--color-info)}.font-medium{font-weight: var(--font-medium)}.font-semibold{font-weight: var(--font-semibold)}.font-bold{font-weight: var(--font-bold)}h1,h2,h3,h4,h5,h6{margin: 0;font-family: var(--font-family-sans);font-weight: var(--font-semibold);line-height: var(--leading-tight);letter-spacing: -0.015em;color: var(--text-primary)}h1{font-size: var(--text-3xl);font-weight: var(--font-bold);letter-spacing: -0.022em}h2{font-size: var(--text-2xl);font-weight: var(--font-semibold);letter-spacing: -0.019em}h3{font-size: var(--text-xl);font-weight: var(--font-semibold);letter-spacing: -0.016em}h4{font-size: var(--text-lg);font-weight: var(--font-semibold);letter-spacing: -0.011em}h5{font-size: var(--text-base);font-weight: var(--font-semibold);letter-spacing: -0.009em}h6{font-size: var(--text-sm);font-weight: var(--font-semibold);letter-spacing: -0.006em}p{margin: 0 0 var(--space-4) 0;font-family: var(--font-family-sans);font-size: var(--text-base);font-weight: var(--font-normal);line-height: var(--leading-normal);letter-spacing: -0.009em;color: var(--text-primary)}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{font-size: 16px;line-height: 1.5;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-overflow-scrolling: touch;overflow-y: scroll}body{font-family: var(--font-family-sans);font-size: var(--text-base);font-weight: var(--font-normal);line-height: var(--leading-normal);color: var(--text-primary);background: linear-gradient(135deg,var(--surface-secondary) 0%,var(--surface-tertiary) 100%);overflow-x: hidden;letter-spacing: -0.015em;font-feature-settings: 'kern' 1,'liga' 1;-webkit-overflow-scrolling: touch;overscroll-behavior-y: auto;overscroll-behavior-x: none}@media (max-width: 768px){.task-list,.kanban-cards,.timeline-container,.news-list,.house-cards-grid,.month-entries{content-visibility: visible;contain-intrinsic-size: 1px 400px}}@media (max-width: 768px){:root{--text-secondary: #4b5563;--text-tertiary: #6b7280}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important;scroll-behavior: auto !important}}@media (max-width: 768px){h3{font-size: var(--text-lg)}h4{font-size: var(--text-base)}h5{font-size: var(--text-sm)}}button{border: none;background: none;cursor: pointer;font: inherit}input,textarea,select{font: inherit;border: none;outline: none;background: none}ul,ol{list-style: none}a{color: inherit;text-decoration: none}img{max-width: 100%;height: auto;display: block}.app-layout{min-height: calc(100vh - 64px);background-color: #f1f1f1;margin-top: 64px}.main-content-container{max-width: var(--app-content-max-width);margin: 0 auto;padding: 28px;padding-top: 0px}.app-page{min-height: calc(100vh - var(--app-header-height));padding: 0}.page-content{display: grid;grid-template-columns: 1fr 320px;gap: 28px;max-width: var(--app-content-max-width);margin: 0 auto}.main-content{min-width: 0;display: flex;flex-direction: column;gap: 24px}.page-sidebar{min-width: 0;display: flex;flex-direction: column;gap: 20px}.app-main-content{padding-top: 30px;background-color: #f1f1f1}.content-card{background: var(--surface-primary);border: 1px solid rgba(226,232,240,0.3);border-radius: 12px;overflow: hidden;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.06),0 1px 2px 0 rgba(0,0,0,0.04);transition: all 0.2s cubic-bezier(0.4,0,0.2,1);margin-bottom: 2rem}.content-grid{margin-bottom: 1.5rem}.payments-page .content-card{border-radius: 16px;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.04),0 1px 3px 0 rgba(0,0,0,0.06)}@media (hover: hover) and (pointer: fine){.payments-page .content-card:hover{box-shadow: 0 12px 32px 0 rgba(0,0,0,0.06),0 8px 16px 0 rgba(0,0,0,0.04)}}.status-active{display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;background: rgba(16,185,129,0.1);border: 1px solid rgba(16,185,129,0.2);border-radius: 8px;font-size: 14px;font-weight: 500;color: var(--color-success)}.primary-action-button{background: linear-gradient(135deg,var(--taloma-primary) 0%,var(--taloma-primary-hover) 100%);box-shadow: 0 4px 12px 0 rgba(37,99,235,0.2);border-radius: 10px;font-weight: 600;letter-spacing: 0.025em}@media (hover: hover) and (pointer: fine){.primary-action-button:hover{box-shadow: 0 8px 20px 0 rgba(37,99,235,0.3);transform: translateY(-1px)}}.pricing-component{max-width: 1200px;margin: 0 auto}.pricing-component .pricing-header{text-align: center;margin-bottom: 1.5rem}.pricing-component .pricing-header h3{font-size: 2rem;font-weight: 800;color: var(--gray-900);margin-bottom: 0.5rem;letter-spacing: -0.02em}.pricing-component .pricing-header p{color: var(--gray-600);font-size: 1.125rem;font-weight: 400}.house-selector{background: white;border: 0px;border-radius: 12px;padding: 0px;margin-bottom: 1.5rem;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04)}.house-selector .house-selector-title{font-size: 0.875rem;font-weight: 600;color: var(--gray-700);margin-bottom: 0.75rem;display: flex;align-items: center;gap: 0.5rem}.house-selector .d-flex.align-items-center.justify-content-between{gap: 2rem}.pricing-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 1rem;margin-bottom: 1.5rem}.pricing-card{background: white;border: 1px solid var(--gray-200);border-radius: 12px;padding: 1.5rem 1rem 2.0rem 1rem;cursor: pointer;transition: all 0.15s ease;position: relative;text-align: center;height: fit-content;min-height: 150px}@media (hover: hover) and (pointer: fine){.pricing-card:hover{border-color: var(--taloma-primary);box-shadow: 0 4px 12px 0 rgba(37,99,235,0.08);transform: translateY(-1px)}}.pricing-card.selected{border-color: var(--taloma-primary);border-width: 2px;box-shadow: 0 8px 24px 0 rgba(37,99,235,0.12);transform: translateY(-2px)}.best-value-badge{position: absolute;top: -8px;left: 50%;transform: translateX(-50%);background: linear-gradient(135deg,#10b981,#059669);color: white;font-size: 0.6875rem;font-weight: 700;padding: 0.25rem 0.625rem;border-radius: 20px;text-transform: uppercase;letter-spacing: 0.05em;box-shadow: 0 2px 8px 0 rgba(16,185,129,0.3)}.pricing-card-duration{font-size: 1.75rem;font-weight: 900;color: var(--gray-900);line-height: 1;margin-bottom: 0.25rem;letter-spacing: -0.02em}.pricing-card-period{color: var(--gray-500);font-size: 0.8125rem;font-weight: 500;margin-bottom: 0.75rem}.pricing-card-discount{color: #059669;font-weight: 600;font-size: 0.8125rem;margin-bottom: 0.75rem}.pricing-card-total{margin-bottom: 0.5rem}.pricing-card-total .final-price{font-size: 1.15rem;font-weight: 800;color: var(--gray-900);letter-spacing: -0.01em}.pricing-card-total .original-price{font-size: 0.8125rem;color: var(--gray-400);text-decoration: line-through;margin-left: 0.5rem}.pricing-card-per-house{color: var(--gray-500);font-size: 0.75rem;font-weight: 500}.pricing-card-checkmark{position: absolute;bottom: 0.5rem;left: 50%;transform: translateX(-50%);color: var(--taloma-primary);background: rgba(37,99,235,0.1);border-radius: 50%;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center}.pricing-features{background: var(--gray-50);border: 1px solid var(--gray-200);border-radius: 8px;padding: 1rem;margin-bottom: 1.5rem}.pricing-features-title{color: var(--gray-700);font-size: 0.8125rem;font-weight: 600;margin-bottom: 0.75rem}.feature-item{display: inline-flex;align-items: center;gap: 0.375rem;margin-right: 1rem;margin-bottom: 0.25rem;font-size: 0.8125rem;color: var(--gray-700);font-weight: 500}.feature-item .mud-icon{color: #059669;font-size: 14px}.payment-summary{background: white;border: 1px solid var(--gray-200);border-radius: 12px;padding: 1.5rem;margin-top: 1.5rem;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.04)}.payment-summary-title{font-size: 1rem;font-weight: 700;color: var(--gray-900);margin-bottom: 0.25rem}.payment-summary-details{color: var(--gray-600);font-size: 0.875rem;margin-bottom: 1rem}.payment-summary-total{font-size: 1.75rem;font-weight: 900;color: var(--gray-900);letter-spacing: -0.02em}.house-selector-clean{padding: 1.25rem}.house-selector-clean .house-selector-title{font-size: 0.875rem;font-weight: 600;color: var(--gray-700);margin-bottom: 0.75rem;display: flex;align-items: center;gap: 0.5rem}.house-selector-clean .d-flex.align-items-center.justify-content-between{gap: 2rem}.payment-info-clean{padding: 1.25rem;height: 100%;display: flex;flex-direction: column;justify-content: space-between}.payment-summary-box{max-width: 400px;width: 100%}.payment-summary .primary-action-button{font-size: 0.9375rem;padding: 0.75rem 1.5rem;font-weight: 700}@media (hover: hover) and (pointer: fine){.content-card:hover{box-shadow: 0 8px 25px 0 rgba(0,0,0,0.08),0 4px 12px 0 rgba(0,0,0,0.05);transform: translateY(-1px);border-color: rgba(156,163,175,0.4)}}.card-header{display: flex;align-items: center;justify-content: space-between;padding: 18px 20px 16px;border-bottom: 1px solid rgba(226,232,240,0.4);background: rgba(248,250,252,0.25);flex-flow: wrap}.card-title{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-base);font-weight: var(--font-semibold);color: var(--text-primary);line-height: var(--leading-tight);letter-spacing: -0.009em;position: relative}.card-title .mud-icon{color: var(--taloma-primary);font-size: 18px}.card-action{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: var(--radius-md);color: var(--text-secondary);transition: all var(--transition-fast);opacity: 0}@media (hover: hover) and (pointer: fine){.card-actions:hover .card-action,.content-card:hover .card-action{opacity: 1}.card-action:hover{background-color: var(--gray-100);color: var(--text-primary)}}.card-content{padding: 28px}.card-content:empty{padding: 0}.mud-typography{font-family: var(--font-family-sans) !important;letter-spacing: -0.009em !important}.mud-typography-h1{font-size: var(--text-3xl) !important;font-weight: var(--font-bold) !important;line-height: var(--leading-tight) !important;letter-spacing: -0.022em !important}.mud-typography-h2{font-size: var(--text-2xl) !important;font-weight: var(--font-semibold) !important;line-height: var(--leading-tight) !important;letter-spacing: -0.019em !important}.mud-typography-h3{font-size: var(--text-xl) !important;font-weight: var(--font-semibold) !important;line-height: var(--leading-tight) !important;letter-spacing: -0.016em !important}.mud-typography-h4{font-size: var(--text-lg) !important;font-weight: var(--font-semibold) !important;line-height: var(--leading-tight) !important;letter-spacing: -0.011em !important}.mud-typography-h5{font-size: var(--text-base) !important;font-weight: var(--font-semibold) !important;line-height: var(--leading-tight) !important;letter-spacing: -0.009em !important}.mud-typography-h6{font-size: var(--text-sm) !important;font-weight: var(--font-semibold) !important;line-height: var(--leading-tight) !important;letter-spacing: -0.006em !important}.mud-typography-body1{font-size: var(--text-base) !important;font-weight: var(--font-normal) !important;line-height: var(--leading-normal) !important;letter-spacing: -0.009em !important}.mud-typography-body2{font-size: var(--text-sm) !important;font-weight: var(--font-normal) !important;line-height: var(--leading-normal) !important;letter-spacing: -0.006em !important}.mud-typography-subtitle1{font-size: var(--text-base) !important;font-weight: var(--font-medium) !important;line-height: var(--leading-tight) !important;letter-spacing: -0.009em !important}.mud-typography-subtitle2{font-size: var(--text-sm) !important;font-weight: var(--font-medium) !important;line-height: var(--leading-tight) !important;letter-spacing: -0.006em !important}.mud-typography-caption{font-size: var(--text-xs) !important;font-weight: var(--font-normal) !important;line-height: var(--leading-normal) !important;letter-spacing: -0.003em !important;color: var(--text-secondary) !important}.mud-typography-overline{font-size: var(--text-xs) !important;font-weight: var(--font-medium) !important;line-height: var(--leading-tight) !important;letter-spacing: 0.025em !important;text-transform: uppercase !important;color: var(--text-tertiary) !important}.mud-input,.mud-input-root input,.mud-select .mud-select-input{font-family: var(--font-family-sans) !important;font-size: var(--text-sm) !important;font-weight: var(--font-normal) !important;line-height: var(--leading-normal) !important;letter-spacing: -0.009em !important}.mud-input-label{font-family: var(--font-family-sans) !important;font-size: var(--text-xs) !important;font-weight: var(--font-medium) !important;letter-spacing: -0.006em !important}.mud-button{font-family: var(--font-family-sans) !important;font-size: var(--text-sm) !important;font-weight: var(--font-medium) !important;line-height: var(--leading-tight) !important;letter-spacing: -0.006em !important;text-transform: none !important}.mud-button-large{font-size: var(--text-base) !important;font-weight: var(--font-medium) !important;letter-spacing: -0.009em !important}.mud-button-small{font-size: var(--text-xs) !important;font-weight: var(--font-medium) !important;letter-spacing: -0.003em !important}.mud-list-item,.mud-menu-item,.mud-list-item-text{font-family: var(--font-family-sans) !important;font-size: var(--text-ui-sm) !important;font-weight: var(--font-normal) !important;line-height: var(--leading-tight) !important;letter-spacing: -0.012em !important}.mud-menu .mud-list-item{font-size: var(--text-ui-sm) !important;font-weight: var(--font-normal) !important;padding: 8px 16px !important}.mud-menu .mud-list-item-text{font-size: var(--text-ui-sm) !important;font-weight: var(--font-normal) !important;letter-spacing: -0.012em !important}.banner-right .mud-menu .mud-list-item,.banner-right .mud-menu .mud-list-item-text{font-size: var(--text-ui-sm) !important;font-weight: var(--font-normal) !important;letter-spacing: -0.012em !important}.date-circle{color: var(--text-inverse) !important}.date-circle .date-day{color: inherit !important;font-weight: var(--font-bold) !important;font-size: var(--text-sm) !important}.board-open-btn span{color: inherit !important;font-size: var(--text-ui-sm) !important;font-weight: var(--font-medium) !important}.greeting-section{margin-bottom: 28px;padding: 0;background: transparent}.greeting-date{font-size: var(--text-ui);color: var(--text-primary);margin-bottom: 8px;font-weight: var(--font-regular)}.greeting-line{display: flex;align-items: center;justify-content: space-between;gap: 20px;flex-wrap: wrap}.greeting-text{font-size: var(--text-2xl);font-weight: var(--font-semibold);color: var(--text-primary)}.greeting-stats{display: inline-flex;align-items: center;gap: 16px;background: var(--surface-primary);border: 1px solid rgba(226,232,240,0.4);border-radius: 6px;padding: 8px 16px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.04)}.greeting-stats .stat-item{display: inline-flex;align-items: center;gap: 6px;font-size: var(--text-sm);color: var(--text-secondary);white-space: nowrap}.greeting-stats .stat-item .mud-icon-root{color: var(--text-tertiary)}.greeting-stats .stat-item.clickable{cursor: pointer;transition: all 0.2s ease;border-radius: 4px;padding: 4px 6px;margin: -4px -6px}@media (hover: hover) and (pointer: fine){.greeting-stats .stat-item.clickable:hover{background-color: rgba(37,99,235,0.1);color: var(--taloma-primary);transform: translateY(-1px)}.greeting-stats .stat-item.clickable:hover .mud-icon-root{color: var(--taloma-primary)}}.skip-link{position: absolute;left: -9999px;top: auto;width: 1px;height: 1px;overflow: hidden}.skip-link:focus{position: fixed;left: 16px;top: 16px;width: auto;height: auto;padding: 8px 12px;background: #111827;color: #ffffff;border-radius: 8px;z-index: 10000}.subtle-add{border-radius: 9999px;padding: 2px 10px;text-transform: none;font-weight: 500;font-size: 12px;gap: 4px;min-height: 30px;color: var(--color-info) !important;border-color: var(--color-info) !important}@media (hover: hover) and (pointer: fine){.subtle-add:hover{background-color: color-mix(in srgb,var(--color-info) 12%,transparent)}}.subtle-add:focus-visible{box-shadow: 0 0 0 2px color-mix(in srgb,var(--color-info) 30%,transparent)}.add-actions-menu{margin-inline-end: 12px}.add-actions-menu-surface .mud-menu-item{font-size: var(--text-xs) !important;color: var(--text-secondary) !important}.add-actions-menu-surface .mud-menu-item .mud-icon-root{color: var(--text-secondary)}@media (hover: hover) and (pointer: fine){.add-actions-menu-surface .mud-menu-item:hover{color: var(--text-primary)}.add-actions-menu-surface .mud-menu-item:hover .mud-icon-root{color: var(--text-primary)}}.add-menu-item{color: var(--text-secondary)}.add-menu-icon{font-size: 1.25rem !important;color: var(--text-secondary)}@media (max-width: 768px){.compact-stat-item{padding: 6px 10px;gap: 10px}.compact-stat-item .mud-icon{font-size: 14px}.compact-stat-value{font-size: 16px}.compact-stat-label{font-size: 10px}.greeting-section{display:none}.greeting-date{font-size: var(--text-sm)}.greeting-line{flex-direction: column;align-items: flex-start;gap: 12px}.greeting-text{font-size: var(--text-h4)}.greeting-stats{width: 100%;justify-content: space-around;padding: 10px 12px}.greeting-stats .stat-item{font-size: var(--text-xs)}}.task-list{display: flex;flex-direction: column;gap: 18px}.task-item{display: flex;align-items: flex-start;gap: 10px;padding: 12px;border-radius: 6px;transition: all var(--transition-fast);cursor: pointer;position: relative;overflow: hidden;box-shadow: var(--shadow-xs);border-radius: var(--radius-lg);background: linear-gradient(135deg,var(--surface-primary) 0%,var(--surface-secondary) 100%);border: 1px solid var(--border-light)}.task-item::before{content:'';position: absolute;top: 0;left: 0;width: 3px;height: 100%;background: transparent;opacity: 0;transition: all var(--transition-fast)}@media (hover: hover) and (pointer: fine){.task-item:hover{border-color: rgba(156,163,175,0.6);box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06);transform: translateY(-0.5px)}.task-item:hover::before{opacity: 1}}.task-status{display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: var(--radius-full);flex-shrink: 0;margin-top: 1px}.task-status.overdue{background-color: var(--status-overdue-light);color: var(--status-overdue)}.task-status.due-soon{background-color: var(--status-due-soon-light);color: var(--status-due-soon)}.task-status.upcoming{background-color: var(--status-upcoming-light);color: var(--status-upcoming)}.task-status.completed{background-color: var(--status-completed-light);color: var(--status-completed)}.task-status.weather-seasonal{background-color: var(--status-weather-seasonal-light);color: var(--status-weather-seasonal)}.task-details{flex: 1;min-width: 0}.task-name{font-size: var(--text-sm);font-weight: var(--font-medium);line-height: var(--leading-tight);margin-bottom: var(--space-1);color: var(--text-primary)}.task-description{font-size: var(--text-sm);color: var(--text-secondary);line-height: var(--leading-normal);margin-bottom: var(--space-2);letter-spacing: -0.006em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.task-meta{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.task-date{font-size: 11px;font-weight: 500;color: rgb(107,114,128);padding: 2px 6px;background-color: rgba(249,250,251,0.8);border-radius: 4px}.task-date.overdue{background-color: var(--status-overdue-light);color: var(--status-overdue)}.task-date.due-soon{background-color: var(--status-due-soon-light);color: var(--status-due-soon)}.task-date.completed{background-color: var(--status-completed-light);color: var(--status-completed)}.seasonal-status{font-size: var(--text-xs);font-weight: var(--font-medium);padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);white-space: nowrap}.seasonal-status.seasonal-task.in-season{background-color: rgba(34,197,94,0.1);color: #059669}.seasonal-status.seasonal-task.out-of-season{background-color: rgba(156,163,175,0.1);color: #6b7280}.seasonal-status.seasonal-task.weather-dependent{background-color: rgba(139,92,246,0.1);color: #8b5cf6}.weather-enabled-indicator{font-size: var(--text-xs);font-weight: var(--font-medium);padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);background-color: rgba(139,92,246,0.08);color: #8b5cf6;white-space: nowrap}.weather-status-indicator{font-size: var(--text-xs);font-weight: var(--font-medium);padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);white-space: nowrap;display: inline-flex;align-items: center;gap: var(--space-1)}.weather-status-indicator{background-color: rgba(139,92,246,0.08);color: #8b5cf6}.weather-status-indicator.weather-ready{background-color: var(--color-success-light);color: var(--color-success)}.weather-status-indicator.weather-checking{background-color: var(--color-info-light);color: var(--color-info)}.weather-status-indicator.weather-waiting{background-color: var(--color-warning-light);color: var(--color-warning)}.weather-status-indicator.weather-seasonal{background-color: var(--color-success-light);color: var(--color-success)}.weather-progress{display: flex;align-items: center;gap: var(--space-2);margin-top: var(--space-1)}.weather-progress-bar{flex: 1;height: 4px;background-color: var(--gray-200);border-radius: var(--radius-full);overflow: hidden}.weather-progress-fill{height: 100%;background-color: var(--color-success);border-radius: var(--radius-full);transition: width 0.3s ease}.weather-progress-text{font-size: var(--text-2xs);color: var(--text-tertiary);white-space: nowrap}.task-house,.task-category,.task-recurrence{font-size: var(--text-xs);color: var(--text-tertiary);padding: var(--space-1) var(--space-2);background-color: var(--gray-50);border-radius: var(--radius-sm)}.task-action{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: var(--radius-md);color: var(--text-secondary);opacity: 0.7;transition: all 0.15s ease}@media (hover: hover) and (pointer: fine){.task-item:hover .task-action{opacity: 1}.task-action:hover{background-color: var(--gray-100);color: var(--color-success)}}.task-sections{display: flex;flex-direction: column;gap: 24px}.task-section{background: var(--surface-primary);border: 1px solid rgba(226,232,240,0.4);border-radius: 8px;overflow: hidden;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.04)}.section-header{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;background: rgba(248,250,252,0.3);cursor: pointer;transition: background 0.15s ease}@media (hover: hover) and (pointer: fine){.section-header:hover{background: rgba(248,250,252,0.5)}}.section-title{display: flex;align-items: end;gap: 15px;font-size: 15px;font-weight: 600;color: rgb(17,24,39);line-height: 1.3}.section-title > div:first-child{display: flex;align-items: center;gap: 8px}.section-subtitle{font-size: 12px;font-weight: 400;color: rgb(107,114,128);margin-top: 2px;margin-left: 32px}.overdue-section .section-title{color: var(--status-overdue)}.due-soon-section .section-title{color: var(--status-due-soon)}.upcoming-section .section-title{color: var(--status-upcoming)}.completed-section .section-title{color: var(--status-completed)}.task-section .task-list{padding: 20px;padding-top: 0px;background: transparent}.kanban-view{margin-top: var(--space-6)}.kanban-board{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: var(--grid-gap);overflow-x: auto;padding-bottom: var(--space-4)}.kanban-column{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-lg);overflow: hidden;min-height: 400px;display: flex;flex-direction: column}.column-header{padding: var(--space-5) var(--space-6);border-bottom: 1px solid var(--border-light);background-color: var(--surface-tertiary)}.column-title{display: flex;align-items: center;gap: var(--space-3);font-size: var(--text-base);font-weight: var(--font-semibold);color: var(--text-primary);margin: 0}.overdue-column .column-title{color: var(--status-overdue)}.due-soon-column .column-title{color: var(--status-due-soon)}.upcoming-column .column-title{color: var(--status-upcoming)}.kanban-cards{flex: 1;padding: var(--space-4);display: flex;flex-direction: column;gap: var(--space-3)}.kanban-card{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: var(--space-4);cursor: pointer;transition: all var(--transition-fast)}@media (hover: hover) and (pointer: fine){.kanban-card:hover{border-color: var(--border-medium);box-shadow: var(--shadow-sm);transform: translateY(-2px)}}.kanban-card.overdue{border-left: 4px solid var(--status-overdue)}.kanban-card.due-soon{border-left: 4px solid var(--status-due-soon)}.kanban-card.upcoming{border-left: 4px solid var(--status-upcoming)}.kanban-card.weather-seasonal{border-left: 4px solid var(--status-weather-seasonal)}.kanban-card-meta{display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap;margin-top: var(--space-3)}.column-header-content{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-3)}.column-title-section{display: flex;align-items: center;gap: var(--space-3)}.column-stats .count-badge{background: var(--surface-tertiary);color: var(--text-secondary);padding: var(--space-1) var(--space-2);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: var(--font-medium)}.column-stats .count-badge.warning{background: var(--color-warning-light);color: var(--color-warning)}.quick-add-btn{background: transparent;border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: var(--space-2);color: var(--text-secondary);cursor: pointer;transition: all var(--transition-fast)}@media (hover: hover) and (pointer: fine){.quick-add-btn:hover{background: var(--surface-tertiary);border-color: var(--taloma-primary);color: var(--taloma-primary)}}.column-description{color: var(--text-secondary);font-size: var(--text-sm);margin: var(--space-2) 0 0 0;line-height: var(--leading-normal)}.empty-column-state{padding: var(--space-8) var(--space-4);text-align: center;color: var(--text-tertiary)}.empty-column-state .empty-column-state .empty-text{font-size: var(--text-sm);margin: 0}.kanban-card-header{margin-bottom: var(--space-2)}.kanban-card-title-section{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--space-2)}.kanban-card-title{margin: 0;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary);line-height: var(--leading-tight);flex: 1}.kanban-card-description{color: var(--text-secondary);font-size: var(--text-xs);line-height: var(--leading-normal);margin: 0 0 var(--space-3) 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.kanban-card-footer{display: flex;align-items: center;justify-content: space-between;margin-top: var(--space-3);padding-top: var(--space-3);border-top: 1px solid var(--border-light)}.card-action-item{display: flex;align-items: center;gap: var(--space-1);color: var(--text-tertiary)}.card-action-item .action-icon{font-size: 1rem}.card-action-item .action-text{font-size: var(--text-xs);font-weight: var(--font-medium)}.card-status{display: flex;align-items: center;gap: var(--space-2)}.status-chip{display: flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);font-size: var(--text-xs);font-weight: var(--font-medium);background: var(--surface-tertiary);color: var(--text-secondary)}.status-chip.error{background: var(--color-error-light);color: var(--color-error)}.chip-avatar{width: 16px;height: 16px;border-radius: var(--radius-full);object-fit: cover}.chip-avatar-text{display: flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: var(--radius-full);background: var(--taloma-primary);color: white;font-size: var(--text-xs);font-weight: var(--font-semibold)}.stat-item{text-align: center;flex: 1;min-width: 60px}.progress-bar{width: 100%;height: 6px;background: var(--gray-200);border-radius: var(--radius-full);overflow: hidden;margin-bottom: var(--space-2)}.progress-fill{height: 100%;background: linear-gradient(90deg,var(--taloma-primary),var(--color-success));border-radius: var(--radius-full);transition: width var(--transition-normal)}.progress-text{font-size: var(--text-xs);color: var(--text-secondary);text-align: center}.status-badge{display: inline-flex;align-items: center;padding: var(--space-1) var(--space-3);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: var(--font-medium);text-transform: uppercase;letter-spacing: 0.05em}.status-badge.active{background: var(--color-success-light);color: var(--color-success)}.status-badge.inactive{background: var(--gray-100);color: var(--text-tertiary)}.content-card.selection-mode{border-color: var(--taloma-primary);box-shadow: 0 0 0 2px rgba(37,99,235,0.1)}.due-date{font-size: var(--text-xs);font-weight: var(--font-medium);padding: var(--space-1) var(--space-2);background-color: var(--gray-100);border-radius: var(--radius-sm);color: var(--text-secondary)}.due-date.overdue{background-color: var(--status-overdue-light);color: var(--status-overdue)}.due-date.due-soon{background-color: var(--status-due-soon-light);color: var(--status-due-soon)}.due-date.weather-seasonal{background-color: var(--status-weather-seasonal-light);color: var(--status-weather-seasonal)}.category-tag{font-size: var(--text-xs);color: var(--text-tertiary);padding: var(--space-1) var(--space-2);background-color: var(--gray-50);border-radius: var(--radius-sm)}.content-controls{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: var(--space-6);margin-bottom: var(--space-6)}.controls-top{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-4)}.task-control-bar{display: flex;align-items: center;justify-content: space-between;gap: 24px;padding: 12px 16px;background: rgba(248,250,252,0.5);border: 1px solid rgba(226,232,240,0.6);border-radius: 8px;margin-bottom: 0}.task-control-bar .filter-controls{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;flex: 1;justify-content: flex-end}.task-control-bar .view-selector{flex-shrink: 0;display: flex;align-items: center}.content-card.control-card .card-content{padding: 16px}.houselog-control-bar{display: flex;align-items: center;justify-content: space-between;gap: 24px;padding: 12px 16px;background: rgba(248,250,252,0.5);border: 1px solid rgba(226,232,240,0.6);border-radius: 8px;margin-bottom: 0}.houselog-control-bar .year-selector{display: flex;align-items: center;gap: 16px;flex-shrink: 0}.houselog-control-bar .filter-controls{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;flex: 1;justify-content: flex-end}.documentlibrary-page .task-list .task-item{padding: 12px 16px;min-height: auto}.documentlibrary-page .task-list .task-actions{display: flex;flex-direction: row;gap: 8px;align-items: center;margin-left: auto;opacity: 1}.documentlibrary-page .task-list .task-details{flex: 1;min-width: 0}.documentlibrary-page .task-list .task-item{display: flex;align-items: center;gap: 12px}.documentlibrary-page .task-list .task-action{flex-shrink: 0}@media (max-width: 768px){.documentlibrary-page .task-list .task-item{flex-wrap: wrap}.documentlibrary-page .task-list .task-actions{width: 100%;justify-content: flex-end;margin-top: 8px}}@media (max-width: 480px){.documentlibrary-page .task-list .task-action{padding: 6px;min-width: 32px;height: 32px}.documentlibrary-page .task-list .task-actions{gap: 4px}}.favorite-indicator{position: absolute;top: -4px;right: -4px;background: var(--status-completed);color: white;border-radius: 50%;width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;font-size: 10px}.card-content .filter-controls{display: flex;align-items: center;gap: 16px;flex-wrap: wrap;margin-bottom: 16px}.view-selector{display: flex;align-items: center;gap: var(--space-4)}.view-buttons{display: flex;align-items: center;background-color: var(--gray-100);border-radius: var(--radius-md);padding: var(--space-1);min-height: 40px}.view-button{display: flex;align-items: center;gap: 6px;padding: 8px 12px;border-radius: 4px;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-secondary);transition: all var(--transition-fast);letter-spacing: -0.006em;height: 36px;min-height: 36px}.view-button.active{background-color: var(--surface-primary);color: var(--taloma-primary);box-shadow: var(--shadow-xs)}@media (hover: hover) and (pointer: fine){.view-button:hover:not(.active){color: var(--text-primary)}}.desktop-text{display: inline}.filter-controls{display: flex;align-items: center;gap: var(--space-3);flex-wrap: wrap}.search-box{display: flex;align-items: center;gap: 8px;background-color: var(--surface-primary);border: 1px solid rgba(226,232,240,0.8);border-radius: 6px;padding: 0 12px;min-width: 240px;height: 36px;transition: all var(--transition-fast)}.search-box:focus-within{border-color: var(--taloma-primary);box-shadow: 0 0 0 3px rgba(37,99,235,0.1)}@media (hover: hover) and (pointer: fine){.search-box:hover{border-color: rgba(156,163,175,0.6)}}.search-box .mud-icon{color: var(--text-tertiary);font-size: 1.125rem}.search-box input{flex: 1;font-size: var(--text-sm);font-weight: var(--font-normal);color: var(--text-primary);height: 100%;border: none;background: transparent;outline: none;letter-spacing: -0.006em}.search-box input::placeholder{color: var(--text-tertiary)}.filter-dropdown{position: relative}.filter-dropdown select{appearance: none;background-color: var(--surface-primary);border: 1px solid rgba(226,232,240,0.8);border-radius: 6px;padding: 0 32px 0 12px;font-size: var(--text-sm);font-weight: var(--font-normal);color: var(--text-primary);letter-spacing: -0.006em;cursor: pointer;transition: all var(--transition-fast);height: 36px;min-width: 140px;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position: right 8px center;background-repeat: no-repeat;background-size: 16px}.filter-dropdown select:focus{border-color: var(--taloma-primary);box-shadow: 0 0 0 3px rgba(37,99,235,0.1);outline: none}@media (hover: hover) and (pointer: fine){.filter-dropdown select:hover{border-color: rgba(156,163,175,0.6)}}.filter-clear-button{display: flex;align-items: center;gap: 6px;padding: 0 12px;background-color: rgba(107,114,128,0.1);border: 1px solid rgba(226,232,240,0.8);border-radius: 6px;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-secondary);transition: all var(--transition-fast);letter-spacing: -0.006em;height: 36px;white-space: nowrap}@media (hover: hover) and (pointer: fine){.filter-clear-button:hover{background-color: rgba(107,114,128,0.15);border-color: rgba(156,163,175,0.6);color: var(--text-primary)}}.year-selector{display: flex;align-items: center;gap: var(--space-4);flex-wrap: wrap}.year-buttons{display: flex;background-color: var(--gray-100);border-radius: var(--radius-md);padding: var(--space-1);gap: var(--space-1)}.year-button{padding: var(--space-2) var(--space-4);border-radius: var(--radius-sm);font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-secondary);transition: all var(--transition-fast)}.year-button.active{background-color: var(--surface-primary);color: var(--taloma-primary);box-shadow: var(--shadow-xs)}@media (hover: hover) and (pointer: fine){.year-button:hover:not(.active){color: var(--text-primary)}}.expand-button{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-4);background-color: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-md);font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-secondary);transition: all var(--transition-fast)}@media (hover: hover) and (pointer: fine){.expand-button:hover{border-color: var(--border-medium);color: var(--text-primary)}}.timeline-view{margin-top: var(--space-6)}.timeline-container{display: flex;flex-direction: column;gap: var(--space-6)}.timeline-month{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-lg);overflow: hidden}.month-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-5) var(--space-6);background-color: var(--surface-tertiary);border-bottom: 1px solid var(--border-light);cursor: pointer;transition: background-color var(--transition-fast)}@media (hover: hover) and (pointer: fine){.month-header:hover{background-color: var(--gray-100)}}.month-info{display: flex;align-items: center;gap: var(--space-6)}.month-title{display: flex;align-items: center;gap: var(--space-3);font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--text-primary)}.month-title .mud-icon{color: var(--taloma-primary)}.month-count{font-size: var(--text-sm);color: var(--text-secondary);background-color: var(--gray-100);padding: var(--space-1) var(--space-3);border-radius: var(--radius-full)}.month-entries{padding: var(--space-6)}.timeline-entry{display: flex;gap: var(--space-4);margin-bottom: var(--space-6)}.timeline-entry:last-child{margin-bottom: 0}.entry-date{flex-shrink: 0;width: 60px;display: flex;flex-direction: column;align-items: center}.date-circle{width: 32px;height: 32px;border-radius: var(--radius-full);background-color: var(--taloma-primary);color: var(--text-inverse);display: flex;align-items: center;justify-content: center;font-weight: var(--font-bold);font-size: var(--text-lg);position: relative}.date-circle::after{content:'';position: absolute;top: 48px;left: 50%;transform: translateX(-50%);width: 2px;height: 40px;background-color: var(--border-light)}.timeline-entry:last-child .date-circle::after{display: none}.date-spacer{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;position: relative}.date-spacer::after{content:'';position: absolute;top: 48px;left: 50%;transform: translateX(-50%);width: 2px;height: 40px;background-color: var(--border-light)}.timeline-entry:last-child .date-spacer::after{display: none}.entry-content{flex: 1;min-width: 0}.entry-card{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: var(--space-3);transition: all var(--transition-fast)}.entry-header{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: var(--space-2)}.entry-title{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary);margin: 0;line-height: var(--leading-tight);letter-spacing: -0.009em}.entry-actions{display: flex;gap: var(--space-2);opacity: 0;transition: opacity var(--transition-fast)}.entry-action{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: var(--radius-md);color: var(--text-secondary);transition: all var(--transition-fast)}@media (hover: hover) and (pointer: fine){.entry-card:hover{border-color: var(--border-medium);box-shadow: var(--shadow-sm)}.entry-card:hover .entry-actions{opacity: 1}.entry-action.edit:hover{background-color: var(--color-info-light);color: var(--color-info)}.entry-action.delete:hover{background-color: var(--color-error-light);color: var(--color-error)}}.entry-meta{display: flex;align-items: center;gap: var(--space-4);margin-bottom: var(--space-1);flex-wrap: wrap}.meta-item{display: flex;align-items: center;gap: var(--space-2);font-size: 13px;color: var(--text-secondary)}.meta-item .mud-icon{font-size: 1rem;color: var(--text-tertiary)}.entry-notes{margin-bottom: var(--space-4)}.entry-notes p{font-size: var(--text-sm);color: var(--text-secondary);line-height: var(--leading-normal);margin: 0;letter-spacing: -0.006em}.entry-info{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-3);background-color: var(--color-info-light);border-radius: var(--radius-md);margin-bottom: var(--space-4)}.entry-info .mud-icon{color: var(--color-info);font-size: 1rem}.entry-info span{font-size: var(--text-sm);color: var(--color-info)}.entry-attachments{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--text-secondary)}.entry-attachments .mud-icon{color: var(--text-tertiary);font-size: 1rem}.entry-costs{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--color-success)}.entry-costs .mud-icon{color: var(--color-success);font-size: 1rem}.entry-costs .cost-count{margin-left: var(--space-1)}.sidebar-section{background: var(--surface-primary);border: 1px solid rgba(226,232,240,0.25);border-radius: 6px;overflow: hidden;margin-bottom: 0;box-shadow: 0 1px 1px 0 rgba(0,0,0,0.02);transition: all 0.15s ease}@media (hover: hover) and (pointer: fine){.sidebar-section:hover{box-shadow: 0 2px 3px 0 rgba(0,0,0,0.04);border-color: rgba(226,232,240,0.4)}}.sidebar-title{font-size: 12px;font-weight: 600;color: rgb(75,85,99);padding: 10px 14px;border-bottom: 1px solid rgba(226,232,240,0.25);background: rgba(248,250,252,0.15);margin: 0;line-height: 1.3;text-transform: uppercase;letter-spacing: 0.04em}.sidebar-section .stats-grid{padding: 14px;margin: 0;grid-template-columns: 1fr;gap: 10px}.sidebar-section .stat-card{padding: 12px;border-left: none;background: rgba(248,250,252,0.2);border: 1px solid rgba(226,232,240,0.2);border-radius: 4px}.sidebar-section .stat-icon{width: 28px;height: 28px}.sidebar-section .quick-actions{padding: 14px;display: flex;flex-direction: column;gap: 8px}.quick-action{display: flex;align-items: center;gap: 12px;padding: 12px;border: 1px solid rgba(226,232,240,0.3);border-radius: 6px;background-color: var(--surface-primary);transition: all var(--transition-fast);text-align: left;width: 100%}@media (hover: hover) and (pointer: fine){.quick-action:hover{border-color: rgba(156,163,175,0.4);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.04);transform: translateY(-0.5px)}}.quick-action-icon{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 6px;background-color: rgba(37,99,235,0.08);color: var(--taloma-primary);flex-shrink: 0}.quick-action-text{flex: 1;min-width: 0}.quick-action-title{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary);margin-bottom: var(--space-1);letter-spacing: -0.006em;line-height: 1.3}.quick-action-subtitle{font-size: 11px;color: var(--text-secondary);line-height: 1.3}.mud-avatar.mud-avatar-medium{color:white}.suggestion-list{display: flex;flex-direction: column;gap: var(--space-4)}.suggestion-item{display: flex;align-items: flex-start;gap: var(--space-3);padding: var(--space-4);border: 1px solid var(--border-light);border-radius: var(--radius-lg);background-color: var(--surface-primary);transition: all var(--transition-fast);position: relative;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.02)}@media (hover: hover) and (pointer: fine){.suggestion-item:hover{border-color: var(--border-medium);box-shadow: 0 2px 4px 0 rgba(0,0,0,0.04),0 1px 2px 0 rgba(0,0,0,0.02);transform: translateY(-1px)}}.suggestion-badge{display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: var(--radius-full);flex-shrink: 0}.suggestion-badge.ai-badge{background-color: var(--color-info-light);color: var(--color-info)}.suggestion-badge.expert-badge{background-color: var(--color-success-light);color: var(--color-success)}.suggestion-content{flex: 1;min-width: 0}.suggestion-title{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary);margin-bottom: var(--space-1);line-height: var(--leading-tight);max-width: 140px}@media (max-width: 768px){.suggestion-title{max-width: 100% !important;width: 100% !important}}.suggestion-description{font-size: var(--text-xs);color: var(--text-secondary);line-height: var(--leading-normal);margin-bottom: var(--space-2);display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden}.suggestion-meta{font-size: var(--text-xs);color: var(--text-tertiary);margin-bottom: var(--space-2)}.suggestion-category{display: flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);color: var(--text-tertiary)}.suggestion-actions{display: flex;gap: var(--space-1);position: absolute;top: var(--space-4);right: var(--space-4);opacity: 0;transition: opacity var(--transition-fast)}@media (hover: hover) and (pointer: fine){.suggestion-item:hover .suggestion-actions{opacity: 1}}.suggestion-action{display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: var(--radius-md);transition: all var(--transition-fast)}.suggestion-action.approve{color: var(--text-secondary)}.suggestion-action.decline{color: var(--text-secondary)}@media (hover: hover) and (pointer: fine){.suggestion-action.approve:hover{background-color: var(--color-success-light);color: var(--color-success)}.suggestion-action.decline:hover{background-color: var(--color-error-light);color: var(--color-error)}}.news-list{display: flex;flex-direction: column;gap: var(--space-4)}.news-item{display: flex;gap: 16px;padding: 16px;border: 1px solid rgba(226,232,240,0.6);border-radius: 8px;background-color: var(--surface-primary);transition: all 0.15s ease;cursor: pointer;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.04);position: relative;overflow: hidden}.news-item::before{content:'';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: var(--taloma-primary);opacity: 0;transition: opacity 0.15s ease}@media (hover: hover) and (pointer: fine){.news-item:hover{border-color: rgba(156,163,175,0.8);box-shadow: 0 4px 12px 0 rgba(0,0,0,0.08);transform: translateY(-1px)}.news-item:hover::before{opacity: 0.6}}.news-image{flex-shrink: 0;width: 90px;height: 90px;border-radius: 6px;overflow: hidden;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.08)}.news-image img{width: 100%;height: 100%;object-fit: cover}.house-image{width: 80px;height: 80px;border-radius: 12px;object-fit: cover;flex-shrink: 0}.house-image-skeleton{width: 80px;height: 80px;border-radius: 12px;background: var(--gray-100);animation: shimmer 2s infinite;flex-shrink: 0}.house-cards-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: var(--space-6);margin-top: var(--space-4)}@media (max-width: 768px){.house-cards-grid{grid-template-columns: 1fr;gap: var(--space-4)}}.house-pagination-controls{display: flex;justify-content: space-between;align-items: center;margin-top: var(--space-6);padding: var(--space-3) 0;border-top: 1px solid var(--border-color)}.house-pagination-wrapper{display: flex;justify-content: center;margin-top: var(--space-4)}.house-card{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-xl);overflow: hidden;cursor: pointer;transition: all var(--transition-normal);box-shadow: var(--shadow-sm);position: relative}.house-card-image{width: 100%;height: 200px;background: var(--gray-100);position: relative;overflow: hidden}.house-card-image img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-normal)}.house-card-image-placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--text-tertiary);font-size: 2rem}.house-card-actions{position: absolute;top: var(--space-3);right: var(--space-3);display: flex;gap: var(--space-2);opacity: 0;transition: opacity var(--transition-normal)}.house-card-action{width: 32px;height: 32px;border-radius: var(--radius-full);border: none;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: transform var(--transition-fast),background-color var(--transition-fast);font-size: 14px}.house-card-action.edit{background: rgba(37,99,235,0.9);color: white}.house-card-action.delete{background: rgba(239,68,68,0.9);color: white}@media (hover: hover) and (pointer: fine){.house-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--taloma-primary)}.house-card:hover .house-card-image img{transform: scale(1.05)}.house-card:hover .house-card-actions{opacity: 1}.house-card-action.edit:hover{background: var(--taloma-primary-hover);transform: scale(1.1)}.house-card-action.delete:hover{background: #dc2626;transform: scale(1.1)}}.house-card-content{padding: var(--space-5)}.house-card-title{font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--text-primary);margin-bottom: var(--space-2);line-height: var(--leading-tight)}.house-card-address{font-size: var(--text-sm);color: var(--text-secondary);margin-bottom: var(--space-4);line-height: var(--leading-normal)}.house-card-meta{display: flex;flex-wrap: wrap;gap: var(--space-3)}.house-card-meta-item{display: flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);color: var(--text-tertiary);font-weight: var(--font-medium)}.house-card-meta-item .mud-icon{font-size: 14px;color: var(--text-secondary)}.house-card-skeleton{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-sm)}.house-card-skeleton .house-card-image{background: linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size: 200% 100%;animation: shimmer 2s infinite}.house-card-skeleton .skeleton-line{height: 16px;background: linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size: 200% 100%;animation: shimmer 2s infinite;border-radius: var(--radius-sm);margin-bottom: var(--space-2)}.house-card-skeleton .skeleton-line.title{height: 20px;width: 70%}.house-card-skeleton .skeleton-line.address{height: 14px;width: 90%}.house-card-skeleton .skeleton-line.meta{height: 12px;width: 40%;margin-right: var(--space-4);margin-bottom: var(--space-1)}.news-content{flex: 1;min-width: 0}.news-meta{display: flex;align-items: center;gap: var(--space-3);margin-bottom: var(--space-2);flex-wrap: wrap}.news-category{font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--taloma-primary);padding: var(--space-1) var(--space-2);background-color: var(--taloma-primary-light);border-radius: var(--radius-sm)}.news-date,.news-reading-time{font-size: var(--text-xs);color: var(--text-tertiary)}.news-title{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary);margin-bottom: var(--space-2);line-height: var(--leading-tight);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.news-excerpt{font-size: var(--text-sm);color: var(--text-secondary);line-height: var(--leading-normal);margin-bottom: var(--space-2);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.news-author{font-size: var(--text-xs);color: var(--text-tertiary)}.news-action{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: var(--radius-md);color: var(--text-secondary);transition: all var(--transition-fast);opacity: 0}@media (hover: hover) and (pointer: fine){.news-item:hover .news-action{opacity: 1}.news-action:hover{background-color: var(--gray-100);color: var(--taloma-primary)}}.news-arrow-icon{font-size: 16px;font-weight: 400;line-height: 1;display: inline-block;user-select: none}.empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--space-16) var(--space-8);text-align: center}.empty-icon .mud-icon{font-size: 3rem;color: var(--text-tertiary)}.empty-state h3{font-size: var(--text-xl);font-weight: var(--font-semibold);color: var(--text-primary);margin: 0 0 var(--space-3)}.empty-state p{font-size: var(--text-base);color: var(--text-secondary);margin: 0 0 var(--space-8);max-width: 400px;line-height: var(--leading-relaxed)}.empty-actions{display: flex;flex-direction: column;align-items: center;gap: var(--space-3)}.empty-action{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-3) var(--space-6);background-color: var(--taloma-primary);color: var(--text-inverse);border-radius: var(--radius-md);font-size: var(--text-sm);font-weight: var(--font-medium);transition: all var(--transition-fast);margin-bottom: 20px}.empty-action .text-ui-sm{color: var(--text-inverse)}@media (hover: hover) and (pointer: fine){.empty-action:hover{background-color: var(--taloma-primary-hover);transform: translateY(-1px);box-shadow: var(--shadow-md)}}.loading-state{display: flex;align-items: center;justify-content: center;min-height: 400px;padding: var(--space-8)}.loading-content{display: flex;flex-direction: column;align-items: center;gap: var(--space-4);text-align: center}.loading-logo{display: none;width: 80px;height: 80px;position: relative}.logo-shimmer{width: 100%;height: 100%;background: linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size: 200% 100%;border-radius: var(--radius-xl);animation: shimmer 1.5s infinite}@keyframes shimmer{0%{background-position: -200% 0}100%{background-position: 200% 0}}.loading-text{font-size: var(--text-base);font-weight: var(--font-medium);color: var(--text-secondary)}.loading-progress{width: 200px;height: 4px;background-color: var(--gray-200);border-radius: var(--radius-full);overflow: hidden}.progress-bar{width: 40%;height: 100%;background-color: var(--taloma-primary);border-radius: var(--radius-full);animation: loading 1.5s infinite}@keyframes loading{0%{transform: translateX(-100%)}100%{transform: translateX(350%)}}.loading-container{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--space-12);text-align: center}.loading-spinner{width: 32px;height: 32px;border: 3px solid var(--gray-200);border-top: 3px solid var(--taloma-primary);border-radius: var(--radius-full);animation: spin 1s linear infinite;margin-bottom: var(--space-4)}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}.pagination-section{margin-top: var(--space-8);padding-top: var(--space-6);border-top: 1px solid var(--border-light)}.pagination-container{display: flex;align-items: center;justify-content: between;gap: var(--space-4);flex-wrap: wrap}.pagination-info{font-size: var(--text-sm);color: var(--text-secondary)}.pagination-controls{flex: 1;display: flex;justify-content: center}.page-size-selector select{appearance: none;background-color: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size: var(--text-sm);color: var(--text-primary);cursor: pointer;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position: right var(--space-2) center;background-repeat: no-repeat;background-size: 16px}.onboarding-container{display: flex;align-items: center;justify-content: center;min-height: 60vh;padding: var(--space-8)}.onboarding-card{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-2xl);padding: var(--space-12);text-align: center;max-width: 500px;box-shadow: var(--shadow-lg)}.onboarding-header{margin-bottom: var(--space-8)}.onboarding-header .mud-icon{color: var(--taloma-primary);margin-bottom: var(--space-4)}.onboarding-actions{display: flex;flex-direction: column;gap: var(--space-4)}.house-selector-section{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: var(--space-4) var(--space-6);margin-bottom: var(--space-6)}.house-selector select{appearance: none;background-color: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size: var(--text-sm);color: var(--text-primary);cursor: pointer;width: 100%;max-width: 300px;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position: right var(--space-3) center;background-repeat: no-repeat;background-size: 16px}.justify-content-end{justify-content: flex-end}.weather-template-card.selected{border-color: var(--taloma-primary);background: linear-gradient(135deg,rgba(37,99,235,0.05) 0%,rgba(37,99,235,0.02) 100%);box-shadow: 0 8px 25px rgba(37,99,235,0.2)}.weather-template-card.selected::before{opacity: 1}.weather-template-content{cursor: pointer;outline: none;margin-bottom: var(--space-4)}.weather-template-content:focus{outline: 2px solid var(--taloma-primary);outline-offset: 2px;border-radius: var(--radius-md)}.weather-template-header{display: flex;align-items: flex-start;gap: var(--space-3);min-width: 120px}.weather-template-card.selected .weather-template-icon{background: var(--taloma-primary-light);color: var(--taloma-primary)}.weather-template-info{flex: 1;min-width: 0}.weather-template-name{font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--text-primary);margin: 0 0 var(--space-1);line-height: var(--leading-tight)}.weather-template-category{font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--text-tertiary);text-transform: uppercase;letter-spacing: 0.05em}.weather-template-description{font-size: var(--text-sm);color: var(--text-secondary);line-height: var(--leading-normal);display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden}.weather-template-selected-indicator{position: absolute;top: var(--space-2);right: var(--space-2);background: white;border-radius: var(--radius-full);box-shadow: 0 2px 8px rgba(0,0,0,0.1)}.weather-template-actions{display: flex;justify-content: space-between;align-items: center;gap: var(--space-2)}@media (hover: hover) and (pointer: fine){.weather-template-card:hover{border-color: var(--taloma-primary-light);box-shadow: 0 8px 25px rgba(37,99,235,0.12);transform: translateY(-2px)}.weather-template-card:hover::before{opacity: 1}.weather-template-card:hover .weather-template-actions{border-top-color: var(--taloma-primary-light)}}.weather-template-card.selected .weather-template-actions{border-top-color: var(--taloma-primary-light)}.weather-template-content:focus-visible{outline: 2px solid var(--taloma-primary);outline-offset: 2px}.weather-template-content:focus{outline: 2px solid var(--taloma-primary);outline-offset: 2px;border-radius: var(--radius-md)}.weather-template-card:has(.weather-template-content:focus){transform: translateY(-2px);box-shadow: 0 8px 25px rgba(37,99,235,0.15)}.weather-triggers-section{padding: var(--space-1)}.weather-templates-loading{padding: var(--space-6) 0}@keyframes pulse{0%,100%{opacity: 1}50%{opacity: 0.5}}.weather-templates-empty{text-align: center;padding: var(--space-12);color: var(--text-secondary)}.weather-empty-icon{font-size: 3rem;margin-bottom: var(--space-4);opacity: 0.5}.mobile-only{display: none}.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.text-center{text-align: center}.text-right{text-align: right}.ml-auto{margin-left: auto}.flex{display: flex}.flex-wrap{flex-wrap: wrap}.justify-center{justify-content: center}.hidden{display: none}.block{display: block}@media print{.app-page{background: white;color: black}.content-card,.task-item,.entry-card{border: 1px solid #ddd;box-shadow: none}.card-action,.task-action,.entry-action,.suggestion-action{display: none}}.empty-icon{font-size: 48px;margin-bottom: 8px;opacity: 0.5}.board-open-btn{align-items: center;background: linear-gradient(135deg,var(--taloma-primary),var(--color-info));border: none;border-radius: var(--radius-lg);box-shadow: 0 2px 8px rgba(37,99,235,0.2);color: white;cursor: pointer;display: flex;font-size: var(--text-sm);font-weight: var(--font-medium);gap: var(--space-2);justify-content: center;padding: var(--space-3) var(--space-4);transition: all var(--transition-fast);width: 100%}.card-actions{align-items: center;display: flex;gap: var(--space-2)}.stat-value{color: var(--text-primary);display: inline-block;font-size: var(--text-xl);font-weight: var(--font-semibold);letter-spacing: -0.016em;line-height: var(--leading-tight);flex-shrink: 0}.stat-label{color: var(--text-secondary);display: inline-block;font-size: var(--text-sm);font-weight: var(--font-medium);letter-spacing: 0.025em;line-height: var(--leading-normal);text-transform: uppercase}.mobile-only{display: none}.tablet-only{display: none}.desktop-only{display: block}@media (max-width: 768px){.mobile-only{display: block}.mobile-hide{display: none !important}}@media (min-width: 769px) and (max-width: 1024px){.tablet-only{display: block}.tablet-hide{display: none !important}}@media (min-width: 1025px){.desktop-hide{display: none !important}}.mobile-flex{display: none}.tablet-flex{display: none}.desktop-flex{display: flex}@media (max-width: 768px){.mobile-flex{display: flex}}@media (min-width: 769px) and (max-width: 1024px){.tablet-flex{display: flex}}.touch-enabled .touch-target{min-height: 44px;min-width: 44px}.touch-enabled .touch-link{padding: var(--space-2) var(--space-3)}@media (max-width: 768px){.mobile-p-0{padding: 0 !important}.mobile-p-2{padding: var(--space-2) !important}.mobile-p-4{padding: var(--space-4) !important}.mobile-m-0{margin: 0 !important}.mobile-m-2{margin: var(--space-2) !important}.mobile-m-4{margin: var(--space-4) !important}.mobile-gap-2{gap: var(--space-2) !important}.mobile-gap-4{gap: var(--space-4) !important}}@media (max-width: 768px){.mobile-text-sm{font-size: var(--text-sm) !important}.mobile-text-base{font-size: var(--text-base) !important}.mobile-text-center{text-align: center !important}}@media (max-width: 768px){.mobile-full-width{width: 100% !important}.mobile-stack{flex-direction: column !important;width: 100% !important}}.menu-row-justify{display: flex;align-items: center;justify-content: space-between;width: 100%}.menu-row-gap-12{display: flex;align-items: center;gap: 12px}.menu-row-gap-8{display: flex;align-items: center;gap: 8px}.flag-img-20{width: 20px;height: 20px;border-radius: 50%;object-fit: cover;border: 1px solid rgba(0,0,0,0.1)}.flag-img-16{width: 16px;height: 16px;border-radius: 50%;object-fit: cover}.app-top-banner{position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: var(--z-sticky);background: var(--surface-primary);border-bottom: 1px solid rgba(226,232,240,0.4);background-color: rgba(255,255,255,0.98);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.04)}.banner-container{display: flex;align-items: center;justify-content: space-between;width: 100%;margin: 0;padding: 0 28px 0 16px;height: 64px;position: relative}.banner-left{display: flex;align-items: center;gap: 0;flex-shrink: 0}.banner-menu-button{display: none}.banner-brand{display: flex;align-items: center;gap: 10px;text-decoration: none;transition: transform var(--transition-fast);flex-shrink: 0}.banner-brand:hover{transform: scale(1.01)}.banner-logo{height: 32px;width: auto}.brand-text{display: flex;flex-direction: column}.brand-name{font-size: 16px;font-weight: 600;color: var(--text-primary);line-height: 1}.brand-subtitle{font-size: 11px;color: var(--text-secondary);font-weight: 500;line-height: 1;margin-top: 1px}.banner-center{flex: 1;margin: 0 24px;min-width: 0;display: flex;justify-content: center}.center-quick-task-container{display: flex;justify-content: center;width: 100%;max-width: 700px}.center-quick-task-container .quick-task-inline-widget{width: 100%;max-width: 700px}.center-quick-task-container .quick-input-inline{min-width: 400px;width: 100%}.center-quick-task-container .mud-input > input.mud-input-root,div.mud-input-slot.mud-input-root{font-size: 16px !important;background: transparent !important}.smart-context-header{max-width: 400px}.context-header-container{display: flex;flex-direction: column;gap: var(--space-2)}.smart-header-content{display: flex;align-items: center;justify-content: center}.welcome-message{display: flex;align-items: center;justify-content: center;padding: var(--space-2) 0}.welcome-content{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-2) var(--space-4);background: var(--surface-tertiary);border-radius: var(--radius-lg);border: 1px solid var(--border-light)}.welcome-icon{color: var(--taloma-primary);font-size: 1.25rem}.welcome-text-container{display: flex;flex-direction: column;gap: var(--space-1)}.welcome-text{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--text-primary)}.welcome-subtitle{font-size: var(--text-xs);color: var(--text-secondary)}.banner-right{display: flex;align-items: center;gap: 6px;flex-shrink: 0}.quick-actions{display: flex;align-items: center;gap: 6px}.quick-add-button{border-radius: 6px;padding: 6px;height: 32px;min-width: 32px;background: transparent;border: none;color: rgb(107,114,128);transition: all 0.15s ease;display: flex;align-items: center;justify-content: center}.quick-add-button:hover{background: rgba(107,114,128,0.08);color: rgb(75,85,99)}.user-profile-menu{border-radius: 6px;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: rgba(107,114,128,0.08);color: rgb(107,114,128);transition: all 0.15s ease}.user-profile-menu:hover{background: rgba(107,114,128,0.12);color: rgb(75,85,99)}.mobile-drawer-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: var(--surface-overlay);z-index: var(--z-modal-backdrop);opacity: 0;animation: fadeIn var(--transition-normal) forwards}@keyframes fadeIn{to{opacity: 1}}.mobile-nav-drawer{position: fixed;top: 0;left: 0;width: 280px;height: 100vh;background: var(--surface-primary);border-right: 1px solid var(--border-light);z-index: var(--z-modal);transform: translateX(-100%);transition: transform var(--transition-normal);overflow-y: auto}.mobile-nav-drawer.open{transform: translateX(0)}.mobile-drawer-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-4) var(--space-6);border-bottom: 1px solid var(--border-light);background: var(--surface-tertiary)}.mobile-drawer-title{font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--text-primary);margin: 0}.mobile-drawer-close{color: var(--text-secondary)}.app-drawer.desktop-drawer{width: var(--app-drawer-width);background: var(--surface-primary);border-right: 1px solid var(--border-light)}.world-class-nav-container{padding: var(--space-4) 0 var(--space-6);height: 100%;overflow-y: auto;scrollbar-width: none;-ms-overflow-style: none;background: linear-gradient(180deg,rgba(248,250,252,0.4) 0%,transparent 100%)}.world-class-nav-container::-webkit-scrollbar{display: none}.nav-section{margin-bottom: var(--space-2)}.nav-section:last-child{margin-bottom: 0}.nav-section-title{font-size: 11px;font-weight: 600;color: rgb(107,114,128);letter-spacing: 0.04em;text-transform: uppercase;padding: var(--space-4) var(--space-6) var(--space-2);margin-bottom: var(--space-1);position: relative}.finnish-nav-menu{display: flex;flex-direction: column;gap: 1px;padding: 0 var(--space-2);margin-bottom: var(--space-1)}.finnish-nav-link{display: block;text-decoration: none;border-radius: 6px;transition: all 0.15s ease;position: relative;overflow: hidden}.finnish-nav-link::before{content:'';position: absolute;top: 0;left: 0;width: 2px;height: 100%;background: var(--taloma-primary);transform: scaleY(0);transition: transform 0.15s ease;border-radius: 0 2px 2px 0}.finnish-nav-link.active::before{transform: scaleY(1)}.finnish-nav-link:hover{background: rgba(37,99,235,0.06)}.finnish-nav-link.active{background: rgba(37,99,235,0.08);box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1)}.nav-link-content{display: flex;align-items: center;gap: 10px;padding: 6px 12px;padding-left: 16px;min-height: 26px}.nav-link-icon{width: 16px;height: 16px;color: rgb(107,114,128);transition: color 0.15s ease;flex-shrink: 0}.finnish-nav-link.active .nav-link-icon{color: var(--taloma-primary)}.finnish-nav-link:hover .nav-link-icon{color: var(--taloma-primary)}.nav-link-text{font-size: 13px;font-weight: 500;color: rgb(75,85,99);transition: color 0.15s ease;line-height: 1.2;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.finnish-nav-link.active .nav-link-text{color: var(--taloma-primary);font-weight: 600}.finnish-nav-link:hover .nav-link-text{color: rgb(17,24,39)}.collapsible-section{margin-bottom: var(--space-4)}.nav-section-header{width: 100%;background: transparent;border: none;padding: var(--space-2) var(--space-6);display: flex;align-items: center;justify-content: space-between;cursor: pointer;border-radius: var(--radius-md);margin: 0 var(--space-0) var(--space-2);transition: all var(--transition-fast)}.nav-section-header:hover{background: rgba(107,114,128,0.05)}.nav-section-header .nav-section-title{margin: 0;padding: 0}.section-chevron{width: 16px;height: 16px;color: var(--text-tertiary);transition: transform var(--transition-fast)}.nav-section-header.expanded .section-chevron{transform: rotate(180deg)}.collapsible-content{overflow: hidden;transition: all var(--transition-normal)}.collapsible-content.collapsed{max-height: 0;opacity: 0}.collapsible-content.expanded{max-height: 400px;opacity: 1}.sub-nav-content{padding-left: 32px}.sub-nav-icon{width: 16px;height: 16px}.finnish-nav-link.active .nav-link-content{position: relative}.finnish-nav-link.active .nav-link-content::after{content:'';position: absolute;top: 0;right: var(--space-4);width: 6px;height: 6px;background: var(--taloma-primary);border-radius: var(--radius-full);opacity: 0.6}.world-class-nav-container{scroll-behavior: smooth}.finnish-nav-link:focus-visible{outline: 2px solid var(--taloma-primary);outline-offset: 2px}.nav-section-header:focus-visible{outline: 2px solid var(--taloma-primary);outline-offset: 2px}.feature-card{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-xl);padding: var(--space-8);text-align: center;transition: all var(--transition-normal);position: relative;overflow: hidden}.feature-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-xl);border-color: var(--taloma-primary)}.feature-card::before{content:'';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(37,99,235,0.05),transparent);transition: left var(--transition-slow)}.feature-card:hover::before{left: 100%}.feature-description{font-size: var(--text-base);color: var(--text-secondary);line-height: var(--leading-relaxed)}.btn-primary{background: var(--taloma-primary);color: var(--text-inverse);border: none;padding: var(--space-3) var(--space-6);border-radius: var(--radius-lg);font-size: var(--text-sm);font-weight: var(--font-medium);cursor: pointer;transition: all var(--transition-fast);display: inline-flex;align-items: center;gap: var(--space-2)}.btn-primary:hover{background: var(--taloma-primary-hover);transform: translateY(-1px);box-shadow: var(--shadow-md)}.btn-secondary{background: var(--surface-primary);color: var(--text-primary);border: 2px solid var(--border-medium);padding: var(--space-3) var(--space-6);border-radius: var(--radius-lg);font-size: var(--text-sm);font-weight: var(--font-medium);cursor: pointer;transition: all var(--transition-fast);display: inline-flex;align-items: center;gap: var(--space-2)}.btn-secondary:hover{border-color: var(--taloma-primary);color: var(--taloma-primary);transform: translateY(-1px)}.alert{padding: var(--space-4) var(--space-5);border-radius: var(--radius-lg);border: 1px solid;display: flex;align-items: flex-start;gap: var(--space-3);margin-bottom: var(--space-4)}.alert-warning{background: var(--color-warning-light);border-color: var(--color-warning);color: var(--color-warning)}.alert-info{background: var(--color-info-light);border-color: var(--color-info);color: var(--color-info)}@keyframes toastSlideIn{from{transform: translateX(100%);opacity: 0}to{transform: translateX(0);opacity: 1}}@keyframes progressShimmer{0%{transform: translateX(-100%)}100%{transform: translateX(100%)}}@keyframes skeletonLoading{0%{background-position: -200% 0}100%{background-position: 200% 0}}.tooltip{position: absolute;z-index: var(--z-tooltip);background: var(--gray-900);color: var(--text-inverse);padding: var(--space-2) var(--space-3);border-radius: var(--radius-md);font-size: var(--text-xs);font-weight: var(--font-medium);white-space: nowrap;box-shadow: var(--shadow-lg);animation: tooltipFadeIn var(--transition-fast) ease-out}@keyframes tooltipFadeIn{from{opacity: 0;transform: translateY(4px)}to{opacity: 1;transform: translateY(0)}}.tooltip::before{content:'';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 4px solid transparent;border-top-color: var(--gray-900)}.chip{display: inline-flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-3);background: var(--gray-100);color: var(--text-secondary);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: var(--font-medium);transition: all var(--transition-fast)}.chip:hover{background: var(--gray-200);color: var(--text-primary)}.chip.primary{background: var(--taloma-primary-light);color: var(--taloma-primary)}.chip.success{background: var(--color-success-light);color: var(--color-success)}.chip.warning{background: var(--color-warning-light);color: var(--color-warning)}.chip.error{background: var(--color-error-light);color: var(--color-error)}.chip-icon{font-size: 0.875rem}.breadcrumb-link{color: var(--text-secondary);transition: color var(--transition-fast)}.breadcrumb-link:hover{color: var(--taloma-primary)}.breadcrumb-separator{color: var(--text-tertiary);font-size: 0.875rem}.tabs{border-bottom: 1px solid var(--border-light);margin-bottom: var(--space-6)}.chart-container{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: var(--space-6);position: relative}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}}@media (prefers-contrast: high){:root{--border-light: #000000;--border-medium: #000000;--text-secondary: #000000;--text-tertiary: #333333}}@media print{.content-card,.stat-card,.task-item{break-inside: avoid}.kanban-board{display: block}.kanban-column{break-inside: avoid;margin-bottom: var(--space-6)}}.disabled,[disabled]{opacity: 0.6;pointer-events: none;cursor: not-allowed}.loading{position: relative;pointer-events: none}.loading::after{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.8);display: flex;align-items: center;justify-content: center;border-radius: inherit}.mud-input.error,.mud-input-control.error,input.error,.error{border-color: var(--color-error);background: var(--color-error-light)}.mud-input.success,.mud-input-control.success,input.success,.success{border-color: var(--color-success);background: var(--color-success-light)}.article-hero{background: var(--surface-primary);border-radius: 16px;overflow: hidden;box-shadow: 0 4px 24px rgba(0,0,0,0.06);margin-bottom: 40px}.article-hero-image{position: relative;height: clamp(220px,28vh,300px);overflow: hidden;background: linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.article-hero-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.article-hero-overlay{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent,rgba(0,0,0,0.7));height: 120px}.article-hero-content{padding: 40px 48px 48px}.article-title{font-size: clamp(28px,3.2vw,40px);font-weight: 800;line-height: 1.1;color: var(--text-primary);margin-bottom: 16px;letter-spacing: -0.02em;text-wrap: balance}.article-excerpt{font-size: clamp(16px,1.6vw,18px);line-height: 1.6;color: var(--text-secondary);margin-bottom: 16px;font-weight: 400}.article-hero.feature .article-hero-image{height: clamp(320px,42vh,420px)}.article-hero.feature .article-title{font-size: clamp(32px,4vw,48px);margin-bottom: 24px}.article-hero.feature .article-excerpt{font-size: 20px;margin-bottom: 24px}.article-meta{display: flex;align-items: center;gap: 16px;flex-wrap: wrap;padding: 12px 0;border-top: 1px solid var(--border-light);border-bottom: 1px solid var(--border-light)}.article-author-section{display: flex;align-items: center;gap: 12px}.article-author-avatar{width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(135deg,var(--taloma-primary) 0%,var(--taloma-primary-dark) 100%);display: flex;align-items: center;justify-content: center;color: white}.article-author-info .author-name{font-size: 16px;font-weight: 600;color: var(--text-primary)}.article-author-info .author-title{font-size: 13px;color: var(--text-tertiary)}.article-meta-divider{height: 40px;width: 1px;background: var(--border-light)}.article-meta-items{display: flex;align-items: center;gap: 20px;flex-wrap: wrap}.article-meta-item{display: flex;align-items: center;gap: 8px;color: var(--text-secondary)}.article-meta-item .mud-icon{font-size: 18px}.article-meta-item span{font-size: 14px;font-weight: 500}.article-content-reader{font-size: 18px;line-height: 1.8;color: var(--text-primary);max-width: 680px;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;font-weight: 400;letter-spacing: 0.015em;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.article-content-reader > *:first-child{margin-top: 0}.article-content-reader > *:last-child{margin-bottom: 0}.article-content-reader h1,.article-content-reader h2,.article-content-reader h3,.article-content-reader h4,.article-content-reader h5,.article-content-reader h6{font-weight: 700;color: var(--text-primary);line-height: 1.3;letter-spacing: -0.01em;margin-top: 56px;margin-bottom: 20px;font-family: inherit;text-rendering: optimizeLegibility}.article-content-reader h1{font-size: 36px;margin-top: 64px}.article-content-reader h2{font-size: 30px;margin-top: 56px;position: relative}.article-content-reader h2:before{content:'';position: absolute;left: -24px;top: 50%;transform: translateY(-50%);width: 4px;height: 24px;background: linear-gradient(135deg,var(--taloma-primary),var(--taloma-primary-dark));border-radius: 2px}.article-content-reader h3{font-size: 24px;margin-top: 48px;color: var(--text-primary)}.article-content-reader h4{font-size: 20px;margin-top: 40px;font-weight: 600}.article-content-reader h5{font-size: 18px;margin-top: 32px;font-weight: 600}.article-content-reader h6{font-size: 16px;margin-top: 32px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-secondary)}.article-content-reader p{margin-bottom: 28px;text-align: left;hyphens: auto;word-spacing: 0.05em}.article-content-reader p:last-child{margin-bottom: 0}.article-content-reader > p:first-of-type:first-letter{float: left;font-size: 75px;line-height: 60px;padding-top: 4px;padding-right: 8px;padding-left: 3px;font-weight: 700;color: var(--taloma-primary);font-family: Georgia,serif}.article-content-reader ul,.article-content-reader ol{margin-bottom: 32px;padding-left: 32px;line-height: 1.7}.article-content-reader ul{list-style: none}.article-content-reader ul > li{position: relative;margin-bottom: 16px;padding-left: 24px}.article-content-reader ul > li:before{content:'\2022';position: absolute;left: 0;color: var(--taloma-primary);font-weight: bold;font-size: 20px;line-height: 1;top: -2px}.article-content-reader ol > li{margin-bottom: 16px;padding-left: 12px}.article-content-reader li p{margin-bottom: 16px}.article-content-reader li:last-child p:last-child{margin-bottom: 0}.article-content-reader blockquote{border-left: 4px solid var(--taloma-primary);padding: 28px 36px;margin: 48px 0;background: linear-gradient(135deg,var(--surface-tertiary) 0%,rgba(248,250,252,0.5) 100%);border-radius: 0 16px 16px 0;font-style: italic;font-size: 19px;line-height: 1.7;color: var(--text-secondary);position: relative;box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.article-content-reader blockquote:before{content:'"';position: absolute;top: -8px;left: 16px;font-size: 48px;color: var(--taloma-primary);opacity: 0.5;font-family: Georgia,serif}.article-content-reader blockquote p{margin-bottom: 20px}.article-content-reader blockquote p:last-child{margin-bottom: 0}.article-content-reader code{background: var(--surface-tertiary);padding: 3px 8px;border-radius: 6px;font-family: 'SF Mono','Monaco','Inconsolata','Roboto Mono','Consolas',monospace;font-size: 16px;color: var(--text-primary);border: 1px solid var(--border-light)}.article-content-reader pre{background: var(--surface-tertiary);padding: 24px;border-radius: 12px;overflow-x: auto;margin: 32px 0;border: 1px solid var(--border-light);box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.article-content-reader pre code{background: none;padding: 0;border: none;color: var(--text-primary)}.article-content-reader img{max-width: 100%;height: auto;border-radius: 16px;margin: 48px auto;box-shadow: 0 8px 32px rgba(0,0,0,0.1);display: block;transition: transform 0.2s ease}.article-content-reader img:hover{transform: scale(1.02)}.article-content-reader table{width: 100%;border-collapse: collapse;margin: 32px 0;font-size: 16px;background: var(--surface-primary);border-radius: 8px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.article-content-reader th,.article-content-reader td{padding: 16px;text-align: left;border-bottom: 1px solid var(--border-light)}.article-content-reader tr:last-child td{border-bottom: none}.article-content-reader a{color: var(--taloma-primary);text-decoration: none;border-bottom: 1px solid transparent;transition: all 0.2s ease}.article-content-reader a:hover{border-bottom-color: var(--taloma-primary)}.article-content-reader hr{border: none;height: 1px;background: linear-gradient(90deg,transparent,var(--border-light),transparent);margin: 48px 0}.article-content-reader strong{font-weight: 700;color: var(--text-primary)}.article-content-reader em{font-style: italic;color: var(--text-secondary)}.article-content-reader ::selection{background: var(--taloma-primary-light);color: var(--taloma-primary)}.article-section{background: var(--surface-primary);border-radius: 16px;padding: 48px 48px;margin-bottom: 40px;box-shadow: 0 2px 16px rgba(0,0,0,0.04);position: relative}.article-section:before{content:'';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg,var(--taloma-primary),var(--taloma-primary-dark));border-radius: 16px 16px 0 0}.article-actions-section{background: var(--surface-primary);border-radius: 16px;padding: 32px;margin-bottom: 40px;box-shadow: 0 2px 16px rgba(0,0,0,0.04)}.article-actions-content{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 20px}.article-actions-header h3{font-size: 18px;font-weight: 600;color: var(--text-primary);margin-bottom: 4px}.article-actions-header p{color: var(--text-secondary);margin: 0;font-size: 14px}.article-actions-buttons{display: flex;gap: 16px;flex-wrap: wrap}.article-action-button{display: flex;align-items: center;gap: 8px;padding: 12px 24px;border-radius: 12px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;text-decoration: none;border: none;font-size: 14px}.article-action-button.secondary{background: var(--surface-secondary);border: 1px solid var(--border-light);color: var(--text-primary)}.article-action-button.secondary:hover{background: var(--gray-100);transform: translateY(-1px)}.article-action-button.primary{background: linear-gradient(135deg,var(--taloma-primary) 0%,var(--taloma-primary-dark) 100%);color: white;box-shadow: 0 2px 8px rgba(37,99,235,0.3)}.article-action-button.primary:hover{transform: translateY(-2px);box-shadow: 0 4px 16px rgba(37,99,235,0.4)}.featured-badge{display: flex;align-items: center;gap: 4px;background: linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color: white;padding: 4px 12px;border-radius: 20px;font-size: 12px;font-weight: 600;box-shadow: 0 2px 4px rgba(245,158,11,0.3)}.author-card-premium{background: linear-gradient(135deg,var(--taloma-primary) 0%,var(--taloma-primary-dark) 100%);border-radius: 20px;padding: 32px;margin-bottom: 32px;color: white;position: relative;overflow: hidden}.author-card-bg-element{position: absolute;background: rgba(255,255,255,0.1);border-radius: 50%;backdrop-filter: blur(10px)}.author-card-bg-element.top-right{top: -20px;right: -20px;width: 80px;height: 80px}.author-card-bg-element.bottom-left{bottom: -30px;left: -30px;width: 100px;height: 100px;background: rgba(255,255,255,0.05)}.author-card-content{position: relative;z-index: 2}.author-card-header{display: flex;align-items: center;gap: 16px;margin-bottom: 20px}.author-card-avatar{width: 64px;height: 64px;border-radius: 50%;background: rgba(255,255,255,0.2);display: flex;align-items: center;justify-content: center;backdrop-filter: blur(10px)}.author-card-info .author-name{font-size: 20px;font-weight: 700;margin-bottom: 4px;color: white}.author-card-info .author-title{font-size: 14px;margin: 0;color: rgba(255,255,255,0.8)}.author-card-bio{font-size: 14px;line-height: 1.5;margin: 0;color: rgba(255,255,255,0.9)}.article-stats-section{background: var(--surface-primary);border-radius: 16px;padding: 28px;margin-bottom: 32px;box-shadow: 0 2px 16px rgba(0,0,0,0.04)}.article-stats-header{font-size: 18px;font-weight: 600;color: var(--text-primary);margin-bottom: 24px;display: flex;align-items: center;gap: 8px}.article-stats-list{display: flex;flex-direction: column;gap: 20px}.article-stat-item{display: flex;align-items: center;justify-content: space-between;padding: 16px;background: var(--surface-tertiary);border-radius: 12px}.article-stat-info{display: flex;align-items: center;gap: 12px}.article-stat-icon{width: 40px;height: 40px;border-radius: 10px;display: flex;align-items: center;justify-content: center}.article-stat-icon.views{background: var(--color-info-light);color: var(--color-info)}.article-stat-icon.likes{background: var(--color-success-light);color: var(--color-success)}.article-stat-icon.comments{background: var(--color-warning-light);color: var(--color-warning)}.article-stat-label{font-size: 14px;font-weight: 500;color: var(--text-secondary)}.article-stat-value{font-size: 24px;font-weight: 700;color: var(--text-primary)}.article-progress-section{background: var(--surface-primary);border-radius: 16px;padding: 28px;margin-bottom: 32px;box-shadow: 0 2px 16px rgba(0,0,0,0.04)}.article-progress-header{font-size: 18px;font-weight: 600;color: var(--text-primary);margin-bottom: 20px;display: flex;align-items: center;gap: 8px}.progress-circle svg{transform: rotate(-90deg)}.progress-circle .progress-bg{stroke: var(--gray-200);stroke-width: 6;fill: none}.progress-circle .progress-fill{stroke: var(--taloma-primary);stroke-width: 6;fill: none;transition: stroke-dashoffset 0.3s ease}.progress-circle .progress-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center}.progress-circle .progress-percentage{font-size: 18px;font-weight: 700;color: var(--text-primary);line-height: 1}.progress-circle .progress-label{font-size: 10px;color: var(--text-tertiary);text-transform: uppercase;letter-spacing: 0.5px}.progress-circle-description{text-align: center;font-size: 13px;color: var(--text-secondary);margin: 0}.article-tags-section{background: var(--surface-primary);border-radius: 16px;padding: 28px;box-shadow: 0 2px 16px rgba(0,0,0,0.04)}.article-tags-header{font-size: 18px;font-weight: 600;color: var(--text-primary);margin-bottom: 20px;display: flex;align-items: center;gap: 8px}.article-tags-list{display: flex;flex-wrap: wrap;gap: 8px}.article-tag{display: inline-flex;align-items: center;gap: 4px;font-size: 12px;font-weight: 500;color: var(--taloma-primary);padding: 6px 12px;background: var(--taloma-primary-light);border-radius: 20px;transition: all 0.2s ease}.related-articles-section{background: var(--surface-primary);border-radius: 16px;padding: 40px;box-shadow: 0 2px 16px rgba(0,0,0,0.04)}.related-articles-header{margin-bottom: 32px}.related-articles-header h2{font-size: 28px;font-weight: 700;color: var(--text-primary);margin-bottom: 8px;display: flex;align-items: center;gap: 12px}.related-articles-header .header-icon{width: 32px;height: 32px;border-radius: 8px;background: linear-gradient(135deg,var(--taloma-primary) 0%,var(--taloma-primary-dark) 100%);display: flex;align-items: center;justify-content: center;color: white}.related-articles-header p{color: var(--text-secondary);margin: 0;font-size: 16px}.related-articles-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 24px}.related-article-card{border: 1px solid var(--border-light);border-radius: 12px;overflow: hidden;cursor: pointer;transition: all 0.3s ease;background: var(--surface-primary)}.related-article-card:hover{transform: translateY(-4px);box-shadow: 0 8px 32px rgba(0,0,0,0.12);border-color: var(--taloma-primary)}.related-article-image{height: 180px;overflow: hidden;position: relative}.related-article-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.related-article-placeholder{width: 100%;height: 100%;background: linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);display: flex;align-items: center;justify-content: center;color: var(--text-tertiary)}.related-article-reading-time{position: absolute;top: 12px;right: 12px;background: rgba(255,255,255,0.9);backdrop-filter: blur(8px);border-radius: 20px;padding: 4px 8px;font-size: 11px;font-weight: 600;color: var(--text-secondary)}.related-article-content{padding: 20px}.related-article-date{font-size: 12px;color: var(--text-tertiary);margin-bottom: 8px;font-weight: 500}.related-article-title{font-size: 16px;font-weight: 600;line-height: 1.4;color: var(--text-primary);margin-bottom: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.related-article-footer{display: flex;align-items: center;justify-content: space-between;margin-top: 16px}.related-article-cta{font-size: 14px;color: var(--taloma-primary);font-weight: 500}.related-article-arrow{width: 24px;height: 24px;border-radius: 50%;background: var(--taloma-primary-light);display: flex;align-items: center;justify-content: center;color: var(--taloma-primary)}@keyframes brainPulse{0%{transform: scale(1);opacity: 0.7}50%{transform: scale(1.1);opacity: 0.3}100%{transform: scale(1.2);opacity: 0}}.status-indicator{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);font-weight: var(--font-medium)}.status-indicator.active{color: var(--color-success)}.metric-item strong{color: var(--taloma-primary);font-weight: var(--font-semibold)}.preview-header{display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-4);font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-secondary)}.preview-content{display: flex;flex-direction: column;gap: var(--space-3);margin-bottom: var(--space-5)}.advanced-toggle{width: 100%;padding: var(--space-4) var(--space-5);background: transparent;border: none;text-align: left;font-size: var(--text-sm);color: var(--text-secondary);transition: background var(--transition-fast)}.benefit-item{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--text-secondary)}.benefit-item .mud-icon{color: var(--color-success)}@keyframes slideDown{from{opacity: 0;transform: translateY(-10px);max-height: 0}to{opacity: 1;transform: translateY(0);max-height: 1000px}}.project-boards-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(380px,1fr));gap: var(--space-8);padding: var(--space-6) 0}.project-board-card{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-xl);padding: var(--space-6);position: relative;cursor: pointer;transition: all var(--transition-normal);box-shadow: 0 2px 8px rgba(0,0,0,0.04);overflow: hidden}.project-board-card::before{content:'';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg,var(--taloma-primary),var(--color-info));border-radius: var(--radius-xl) var(--radius-xl) 0 0}.project-board-card:hover{transform: translateY(-4px);box-shadow: 0 8px 24px rgba(0,0,0,0.08);border-color: rgba(37,99,235,0.2)}.project-board-card.selection-mode{border-color: var(--taloma-primary);box-shadow: 0 0 0 2px rgba(37,99,235,0.1)}.board-card-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-5)}.board-icon-container{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;background: linear-gradient(135deg,var(--taloma-primary),var(--color-info));border-radius: var(--radius-lg);color: white;box-shadow: 0 4px 12px rgba(37,99,235,0.2)}.board-main-icon{font-size: 24px !important}.board-status-indicator{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-xs);font-weight: var(--font-medium);text-transform: uppercase;letter-spacing: 0.05em}.board-status-indicator .status-dot{width: 8px;height: 8px;border-radius: 50%}.board-status-indicator.active .status-dot{background: var(--color-success)}.board-status-indicator.inactive .status-dot{background: var(--text-tertiary)}.board-status-indicator.active{color: var(--color-success)}.board-status-indicator.inactive{color: var(--text-tertiary)}.board-selection-checkbox{position: absolute;top: var(--space-4);right: var(--space-4);z-index: 10}.board-actions-menu{opacity: 0;transition: opacity var(--transition-fast)}.project-board-card:hover .board-actions-menu{opacity: 1}.board-card-content{margin-bottom: var(--space-6)}.board-card-title{font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--text-primary);margin: 0 0 var(--space-3) 0;line-height: var(--leading-tight)}.board-card-description{color: var(--text-secondary);font-size: var(--text-xs);line-height: var(--leading-relaxed);margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.board-mini-preview{display: flex;gap: var(--space-3);margin: var(--space-6) 0;padding: var(--space-4);background: var(--surface-secondary);border-radius: var(--radius-lg);border: 1px solid var(--border-light)}.mini-column{flex: 1;min-width: 0}.mini-column-header{font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: var(--space-2);text-align: center}.mini-cards{display: flex;flex-direction: column;gap: var(--space-1);min-height: 60px}.mini-card{height: 12px;border-radius: var(--radius-sm);opacity: 0.8;transition: all var(--transition-fast)}.mini-card.todo{background: var(--gray-300)}.mini-card.in-progress{background: var(--color-warning)}.mini-card.done{background: var(--color-success)}.project-board-card:hover .mini-card{opacity: 1;transform: translateX(2px)}.board-card-stats{display: flex;gap: var(--space-4);margin: var(--space-6) 0;padding: var(--space-4);background: var(--surface-tertiary);border-radius: var(--radius-lg);border: 1px solid var(--border-light)}.board-stat-item{display: flex;align-items: center;gap: var(--space-3);flex: 1}.board-stat-item .stat-icon{font-size: 20px !important;color: var(--text-secondary)}.board-stat-item.completed .stat-icon{color: var(--color-success)}.stat-info{min-width: 0}.stat-number{font-size: var(--text-base);font-weight: var(--font-semibold);color: var(--text-primary);line-height: 1}.board-stat-item.completed .stat-number{color: var(--color-success)}.stat-text{font-size: var(--text-xs);color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.05em;margin-top: var(--space-1)}.board-progress-section{margin: var(--space-6) 0}.progress-info{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--space-2)}.progress-label{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-secondary)}.progress-percentage{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--taloma-primary)}.board-progress-bar{width: 100%;height: 8px;background: var(--gray-200);border-radius: var(--radius-full);overflow: hidden;position: relative}.board-progress-fill{height: 100%;background: linear-gradient(90deg,var(--taloma-primary),var(--color-success));border-radius: var(--radius-full);transition: width var(--transition-slow);position: relative}.board-progress-fill::after{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation: progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{transform: translateX(-100%)}100%{transform: translateX(100%)}}.board-card-footer{margin-top: var(--space-6);padding-top: var(--space-6);border-top: 1px solid var(--border-light)}.board-open-btn:hover{transform: translateY(-1px);box-shadow: 0 4px 12px rgba(37,99,235,0.3)}.board-open-btn:active{transform: translateY(0)}.natural-language-scheduling-container{margin-bottom: var(--space-6)}.scheduling-method-toggle{margin-bottom: var(--space-4)}.method-toggle-buttons{display: flex;gap: var(--space-3);flex-wrap: wrap}.method-toggle-btn{flex: 1;min-width: 200px;padding: var(--space-4);border: 2px solid var(--border-light);border-radius: var(--radius-lg);background: var(--surface-primary);cursor: pointer;transition: all var(--transition-fast);text-align: left;display: flex;flex-direction: column;gap: var(--space-2);position: relative;overflow: hidden}.method-toggle-btn:hover{border-color: var(--taloma-primary-light);background: var(--surface-secondary);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(37,99,235,0.1)}.method-toggle-btn.active{border-color: var(--taloma-primary);background: linear-gradient(135deg,rgba(37,99,235,0.05) 0%,rgba(16,185,129,0.03) 100%);box-shadow: 0 4px 12px rgba(37,99,235,0.15)}.method-toggle-btn.active::before{content:'';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,var(--taloma-primary) 0%,var(--color-success) 100%)}.method-icon{color: var(--taloma-primary);font-size: 1.5rem}.method-label{font-weight: var(--font-semibold);color: var(--text-primary);font-size: var(--text-base)}.method-description{font-size: var(--text-sm);color: var(--text-secondary);line-height: var(--leading-normal)}.natural-language-input-section{animation: fadeIn 0.3s ease-out}.input-container{position: relative;margin-bottom: var(--space-4)}.natural-language-input{width: 100%}.processing-text{font-size: var(--text-sm);color: var(--text-secondary);font-weight: var(--font-medium)}.schedule-header{display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-3);padding-bottom: var(--space-2);border-bottom: 1px solid var(--border-light)}.schedule-type{font-weight: var(--font-semibold);color: var(--text-primary);flex: 1}.schedule-content{margin-bottom: var(--space-3)}.schedule-item{display: flex;align-items: flex-start;gap: var(--space-2);margin-bottom: var(--space-2)}.schedule-label{font-weight: var(--font-medium);color: var(--text-secondary);min-width: 80px;font-size: var(--text-sm)}.schedule-value{font-family: var(--font-family-mono);background: var(--surface-tertiary);padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);font-size: var(--text-sm);color: var(--text-primary);flex: 1}.schedule-actions{display: flex;gap: var(--space-2);justify-content: flex-end}.suggestions-section{margin-top: var(--space-4)}.suggestions-grid{display: flex;flex-wrap: wrap;gap: var(--space-2)}.suggestion-chip.weather{border-left: 3px solid var(--color-info)}.suggestion-chip.recurrence{border-left: 3px solid var(--color-success)}.suggestion-text{font-weight: var(--font-medium)}.suggestion-type-badge{padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);font-size: var(--text-xs);font-weight: var(--font-semibold);text-transform: uppercase;letter-spacing: 0.5px;background: var(--surface-tertiary);color: var(--text-secondary)}.error-display{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-3);background: var(--color-error-light);border: 1px solid var(--color-error);border-radius: var(--radius-md);margin-top: var(--space-4);font-size: var(--text-sm);color: var(--color-error)}.error-text{font-weight: var(--font-medium)}@keyframes fadeIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}@keyframes slideIn{from{opacity: 0;transform: translateX(-10px)}to{opacity: 1;transform: translateX(0)}}.world-class-nav-container{position: relative}.world-class-nav-container:has(.trial-subscription-card){padding-bottom: 80px}.trial-subscription-card{background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 6px;padding: 12px;margin: 0 16px 16px 16px;transition: border-color 0.2s ease;position: absolute;bottom: 0;left: 0;right: 0;z-index: 100}.trial-top-section{display: flex;align-items: center;gap: 12px}.trial-subscription-card::before{content:'';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg,rgba(34,197,94,0.8) 0%,rgba(59,130,246,0.8) 50%,rgba(168,85,247,0.8) 100%)}.trial-subscription-card:hover{transform: translateY(-1px);box-shadow: 0 8px 24px rgba(0,0,0,0.06),0 2px 6px rgba(0,0,0,0.08)}.trial-progress-indicator{position: relative;flex-shrink: 0;width: 40px;height: 40px}.trial-progress-indicator .progress-circle{width: 40px;height: 40px;margin: 0}.trial-progress-indicator .circle-bg{stroke: rgba(148,163,184,0.9);stroke-width: 2.5}.progress-circle .circle-bg{fill: none;stroke: rgba(226,232,240,0.8);stroke-width: 2.5}.progress-circle .circle{fill: none;stroke: var(--color-success);stroke-width: 3;stroke-linecap: round;transition: stroke-dashoffset 0.3s ease-in-out}.trial-content{flex: 1;min-width: 0}.trial-title{font-size: 15px;font-weight: 700;color: var(--text-primary);line-height: 1.2;margin-bottom: 3px}.trial-days-remaining{font-size: 13px;color: var(--text-secondary);font-weight: 500;line-height: 1.2}.trial-order-button{background: linear-gradient(135deg,var(--color-warning) 0%,#d97706 100%);color: white;border: none;border-radius: 8px;padding: 12px 16px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s ease-in-out;box-shadow: 0 2px 4px rgba(245,158,11,0.2);width: 100%;text-align: center}.trial-order-button:hover{background: linear-gradient(135deg,#d97706 0%,#b45309 100%);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(245,158,11,0.3)}.trial-order-button:active{transform: translateY(0);box-shadow: 0 2px 4px rgba(245,158,11,0.2)}.processing-indicator{position: absolute;top: 50%;right: var(--space-4);transform: translateY(-50%);z-index: 10;display: flex;flex-direction: column;align-items: center;gap: var(--space-2);padding: var(--space-2) 0;background: rgba(89,74,226,0.05);border: 1px solid rgba(89,74,226,0.15);border-radius: var(--radius-md);box-shadow: var(--shadow-sm);color: var(--color-info);font-size: var(--text-xs);font-weight: var(--font-medium)}.article-content-reader th{background: var(--surface-tertiary);border-bottom: 1px solid var(--border-light);color: var(--text-primary);font-weight: var(--font-semibold);padding: var(--space-4);text-align: left}.progress-circle{position: relative;width: 80px;height: 80px;margin: 0 auto var(--space-4)}.advanced-toggle:hover{background: var(--gray-100);color: var(--text-primary)}.suggestion-chip{position: relative;display: flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-3);background: var(--surface-tertiary);border: 1px solid var(--border-light);border-radius: var(--radius-full);color: var(--text-secondary);font-size: var(--text-xs);cursor: pointer;overflow: hidden;transition: all var(--transition-fast)}.suggestion-chip:hover{background: var(--gray-200);border-color: var(--taloma-primary);box-shadow: var(--shadow-sm);color: var(--text-primary);transform: translateY(-1px)}.chat-toggle-btn{position: fixed;bottom: 24px;right: 24px;width: 56px;height: 56px;background: var(--taloma-primary);border-radius: 50%;box-shadow: 0 4px 20px rgba(0,123,255,0.4);cursor: pointer;display: flex;align-items: center;justify-content: center;color: white;z-index: 1500;transition: all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);border: none;outline: none}.chat-toggle-btn:hover{background: #0056b3;box-shadow: 0 4px 12px rgba(0,123,255,0.3)}.chat-toggle-btn:active{transform: scale(0.95);background: #004494}.chat-toggle-avatar{width: 60px;height: 60px;border-radius: 50%}.simple-ai-chat-container.expanded{position: fixed;bottom: 90px;right: 24px;width: 360px;max-width: calc(100vw - 48px);max-height: calc(100vh - 140px);background: white;border-radius: 16px;box-shadow: 0 8px 32px rgba(0,0,0,0.12);z-index: 1500;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow: hidden;animation: slideUp 0.3s cubic-bezier(0.175,0.885,0.32,1.275);transform: translateZ(0);backface-visibility: hidden;isolation: isolate}@keyframes slideUp{from{opacity: 0;transform: translateY(20px) scale(0.95)}to{opacity: 1;transform: translateY(0) scale(1)}}@keyframes slideDown{from{opacity: 0;transform: translateY(-20px) scale(0.95)}to{opacity: 1;transform: translateY(0) scale(1)}}.simple-ai-chat-header{display: flex;justify-content: space-between;align-items: center;padding: 12px 16px;background: linear-gradient(135deg,#007bff 0%,#0056b3 100%);color: white;cursor: pointer;position: relative;gap: 8px}.ai-header-identity{display: flex;align-items: center;gap: 10px}.ai-header-avatar{width: 40px;height: 40px;border-radius: 50%;object-fit: cover;box-shadow: 0 0 0 2px rgba(255,255,255,0.25)}.simple-ai-chat-header h5{margin: 0;font-size: 15px;font-weight: 600;letter-spacing: -0.01em;flex: 1}.suggestions-header-btn{background: rgba(255,255,255,0.15);border: none;color: white;width: 32px;height: 32px;border-radius: 8px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;flex-shrink: 0}.suggestions-header-btn:hover{background: rgba(255,255,255,0.25);transform: scale(1.05)}.suggestions-header-btn:active{transform: scale(0.95)}.close-btn{background: rgba(255,255,255,0.15);border: none;color: white;width: 32px;height: 32px;border-radius: 8px;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 300;transition: background 0.2s ease;flex-shrink: 0}.close-btn:hover{background: rgba(255,255,255,0.25)}.simple-ai-chat-content{height: 420px;display: flex;flex-direction: column;background: #fafbfc}.simple-chat-messages{flex: 1;padding: 20px;padding-bottom: 100px;overflow-y: auto;display: flex;flex-direction: column;gap: 16px;background: white;scroll-behavior: smooth}.simple-chat-messages::-webkit-scrollbar{width: 6px}.simple-chat-messages::-webkit-scrollbar-track{background: #f1f3f4;border-radius: 3px}.simple-chat-messages::-webkit-scrollbar-thumb{background: #c1c8cd;border-radius: 3px}.simple-message{padding: 12px 16px;border-radius: 12px;font-size: 14px;line-height: 1.4;max-width: 85%;word-wrap: break-word;position: relative}.simple-message strong{font-weight: 600;margin-right: 8px}.simple-message.user{background: linear-gradient(135deg,#007bff 0%,#0056b3 100%);color: white;align-self: flex-end;margin-left: auto}.simple-message.ai{background: #f8f9fa;color: #2c3e50;border: 1px solid #e9ecef;align-self: flex-start}.ai-message-identity{display: flex;align-items: center;gap: 8px}.ai-message-avatar{width: 26px;height: 26px;border-radius: 50%;object-fit: cover;border: 1px solid rgba(0,0,0,0.06)}.simple-chat-input{padding: 12px;background: white;border-top: 1px solid #e9ecef;display: flex;gap: 8px;align-items: center}.simple-chat-input input{flex: 1;padding: 10px 14px;border: 1px solid #dee2e6;border-radius: 20px;font-size: 14px;outline: none;background: #f8f9fa;transition: all 0.2s ease}.simple-chat-input input:focus{border-color: #007bff;background: white;box-shadow: 0 0 0 2px rgba(0,123,255,0.1)}.message-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 6px}.message-type{padding: 2px 8px;border-radius: 12px;font-size: 11px;font-weight: 500;text-transform: uppercase}.message-type.advice{background: #e8f5e8;color: #2e7d2e}.message-type.alert{background: #fff3e0;color: #e65100}.message-type.education{background: #f3e5f5;color: #7b1fa2}.message-type.question{background: #e3f2fd;color: #1976d2}.message-content{line-height: 1.5}.formatted-message{white-space: pre-wrap;word-wrap: break-word;line-height: 1.4}.formatted-message strong{font-weight: 600;color: var(--gray-900)}.formatted-message em{font-style: italic;color: var(--gray-700)}.formatted-message br{display: block;margin: 0.1em 0;content:""}.message-text{margin-bottom: 12px}.action-items{background: rgba(0,123,255,0.08);padding: 12px;border-radius: 8px;border-left: 3px solid #007bff}.action-items ul{margin: 8px 0 0 16px;padding: 0}.action-items li{margin: 4px 0;color: #2c3e50}.loading-indicator{display: flex;align-items: center;gap: 12px;font-style: italic;color: #6c757d}.typing-dots{display: flex;gap: 4px;align-items: center}.typing-dots span{width: 8px;height: 8px;border-radius: 50%;background: var(--taloma-primary);animation: typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay: -0.32s}.typing-dots span:nth-child(2){animation-delay: -0.16s}@keyframes typing{0%,80%,100%{transform: scale(0);opacity: 0.5}40%{transform: scale(1);opacity: 1}}.home-suggestions{padding: 12px 16px;background: #f8f9fa;border-top: 1px solid #e9ecef;max-height: 150px;overflow-y: auto}.home-suggestions::-webkit-scrollbar{width: 4px}.home-suggestions::-webkit-scrollbar-track{background: #f1f3f4}.home-suggestions::-webkit-scrollbar-thumb{background: #c1c8cd;border-radius: 2px}.suggestions-header{font-size: 12px;font-weight: 600;color: #495057;margin-bottom: 8px}.suggestion-buttons{display: flex;flex-wrap: wrap;gap: 6px}.suggestion-btn{padding: 5px 10px;background: white;border: 1px solid #dee2e6;border-radius: 14px;font-size: 12px;color: #495057;cursor: pointer;transition: all 0.2s ease;white-space: nowrap}.suggestion-btn:hover{background: var(--taloma-primary);color: white;border-color: #007bff}.send-btn{width: 40px;height: 40px;background: linear-gradient(135deg,#007bff 0%,#0056b3 100%);color: white;border: none;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;flex-shrink: 0}.send-btn:hover:not(:disabled){transform: scale(1.05);box-shadow: 0 3px 10px rgba(0,123,255,0.3)}.send-btn:active:not(:disabled){transform: scale(0.95)}.send-btn:disabled{background: #dee2e6;cursor: not-allowed;opacity: 0.6}.send-btn svg{margin-left: 2px}.loading-spinner{width: 16px;height: 16px;border: 2px solid #ffffff40;border-top: 2px solid white;border-radius: 50%;animation: spin 1s linear infinite}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}@media (max-width: 768px){.chat-toggle-btn{top: calc(56px + env(safe-area-inset-top) + 8px);bottom: auto;right: 12px;width: 48px;height: 48px}.chat-toggle-avatar{width: 32px;height: 32px}.simple-ai-chat-container.expanded{left: 0;right: 0;bottom: 0;top: 0;width: 100%;max-width: none;height: 100dvh;border-radius: 0;display: grid;grid-template-rows: auto 1fr auto env(keyboard-inset-height,0px);overflow: hidden;z-index: 2000;position: fixed}.chat-input-focus-container{outline: none;border: none;background: transparent;user-select: none;-webkit-user-select: none;caret-color: transparent}.chat-input-focus-container:focus{outline: none}.chat-input-focus-container input{caret-color: auto !important;user-select: auto !important;-webkit-user-select: auto !important;outline: auto !important}.chat-input-focus-container input:focus{outline: -webkit-focus-ring-color auto 1px !important}body.keyboard-open .simple-ai-chat-container.expanded{padding-bottom: 300px}@supports (padding-bottom: env(keyboard-inset-height)){body.keyboard-open .simple-ai-chat-container.expanded{padding-bottom: 0;grid-template-rows: auto 1fr auto env(keyboard-inset-height,0px)}}}.simple-ai-chat-container.expanded .simple-chat-messages{overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain}.simple-ai-chat-header{border-radius: 16px 16px 0 0}.simple-ai-chat-content{flex: 1;min-height: 0}.simple-chat-messages{flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch}.simple-chat-input input{font-size: 16px !important}.send-btn{-webkit-tap-highlight-color: transparent;user-select: none;-webkit-user-select: none}body.chat-open{height: 100vh !important;overflow: hidden;height: var(--chat-viewport-height,100vh) !important}@supports (height: 100dvh){body.chat-open{height: 100dvh !important}}.context-selection-container{display: flex;flex-direction: column;gap: 20px;padding: 24px 20px;height: 100%;justify-content: center;text-align: center;background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.context-selection-header{display: flex;justify-content: center;margin-bottom: 8px}.context-question{font-size: 16px;font-weight: 600;color: #2c3e50;margin-bottom: 8px;margin-left: 10px}.context-options{display: flex;flex-direction: column;gap: 12px;max-width: 300px;margin: 0 auto}.context-option-btn{display: flex;flex-direction: column;gap: 6px;padding: 16px 20px;background: white;border: 2px solid #e9ecef;border-radius: 12px;cursor: pointer;transition: all 0.2s ease;text-align: left;min-height: 80px}.context-option-btn:hover{border-color: #007bff;box-shadow: 0 4px 12px rgba(0,123,255,0.15);transform: translateY(-2px)}.context-option-btn:active{transform: translateY(0);box-shadow: 0 2px 8px rgba(0,123,255,0.2)}.context-option-title{font-size: 14px;font-weight: 600;color: #2c3e50;display: flex;align-items: center;gap: 8px}.context-option-desc{font-size: 12px;color: #6c757d;line-height: 1.4}.context-switch-bar{display: flex;justify-content: space-between;align-items: center;padding: 8px 16px;background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom: 1px solid #dee2e6;font-size: 12px;margin-bottom: 8px}.current-context{font-weight: 600;color: #007bff;display: flex;align-items: center;gap: 6px}.context-switch-btn{background: rgba(0,123,255,0.1);border: 1px solid rgba(0,123,255,0.2);border-radius: 16px;padding: 4px 12px;font-size: 11px;font-weight: 500;color: #007bff;cursor: pointer;transition: all 0.2s ease}.context-switch-btn:hover{background: rgba(0,123,255,0.2);border-color: rgba(0,123,255,0.3)}.context-switch-btn:active{background: rgba(0,123,255,0.3)}@media (max-width: 768px){.context-selection-container{padding: 20px 16px}.context-options{max-width: none}.context-option-btn{padding: 14px 16px;min-height: 70px}.context-switch-bar{padding: 6px 12px;font-size: 11px}.context-switch-btn{padding: 3px 8px;font-size: 10px}}.nordic-season-status-indicator{display: inline-flex;align-items: center;gap: 4px;font-size: 0.75rem;opacity: 0.8;transition: opacity 0.2s ease}.nordic-season-status-indicator:hover{opacity: 1}.season-status-waiting{display: flex;align-items: center;gap: 2px;color: #9c27b0;font-style: italic}.season-status-triggered{display: flex;align-items: center;gap: 2px;color: #2e7d32}.season-status-text{font-size: inherit;font-weight: 500;white-space: nowrap}.season-reset-mini{width: 16px;height: 16px;margin-left: 2px;opacity: 0.6;transition: opacity 0.2s ease}.season-reset-mini:hover{opacity: 1;background-color: rgba(255,152,0,0.1)}.quick-task-inline-widget{position: relative;z-index: 1000;width: 100%}.quick-input-inline{position: relative;background: white;border: 1px solid var(--border-light);border-radius: 20px;transition: border-color 0.15s ease,box-shadow 0.15s ease;box-shadow: 0 1px 3px rgba(0,0,0,0.1);height: 40px;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden}.quick-input-inline:hover{border-color: var(--border-focus);box-shadow: 0 2px 8px rgba(0,0,0,0.15)}.quick-input-inline:focus-within{border-color: var(--taloma-primary);box-shadow: 0 0 0 3px rgba(37,99,235,0.1)}.quick-input-inline .input-container{display: flex;align-items: center;gap: 8px;padding: 0px 0px 0px 12px;height: 100%;width: 100%;position: relative;border-radius: 20px}.quick-input-field{flex: 1 1 auto;min-width: 0;width: 100%;height: 100%;display: flex;align-items: center;flex-direction: row}.quick-input-field .mud-input-root{padding: 0px !important;font-size: var(--text-sm);border: none !important;border-bottom: none !important;background: transparent !important;height: 100%;min-height: auto !important;box-shadow: none !important;display: flex;align-items: center;width: 100% !important;flex: 1 !important;min-width: 0 !important}.quick-input-field *{height: 100% !important}.quick-input-field .mud-input-control,.quick-input-field .mud-input-control-input-container,.quick-input-field .mud-input-slot,.quick-input-field .mud-input-adornment,.quick-input-field .mud-input-adorned-start,.quick-input-field .mud-input-adorned-end{width: 100% !important;flex: 1 1 auto !important;min-width: 0 !important;max-width: none !important}.quick-input-field *::before,.quick-input-field *::after{border-bottom: none !important}.quick-input-field .mud-input-root:focus-within{border: none !important;box-shadow: none !important}.quick-input-field .mud-input-root:focus-within::before,.quick-input-field .mud-input-root:focus-within::after{display: none !important;border: none !important}.quick-input-field .mud-input-root .mud-input:focus{border: none !important;box-shadow: none !important;outline: none !important}.quick-input-field .mud-input-root .mud-input{width: 100% !important;flex: 1 !important}.quick-input-field .mud-form-control{width: 100% !important;flex: 1 !important}.inline-actions{display: flex;align-items: center;gap: 4px;padding-right: 0px;flex-shrink: 0}.send-button{background: var(--taloma-primary) !important;color: white !important;width: 28px !important;height: 28px !important;min-height: 28px !important}.house-selector-button,.clear-button{width: 28px !important;height: 28px !important;min-height: 28px !important;color: var(--text-secondary) !important}.house-selector-button:hover,.clear-button:hover{background: var(--surface-hover) !important;color: var(--text-primary) !important}.house-dropdown{position: absolute;top: 100%;right: 0;background: white;border: 1px solid var(--border-light);border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.15);max-height: 200px;overflow-y: auto;min-width: 180px;z-index: 1002;margin-top: 4px}.house-option{display: flex;align-items: center;gap: 8px;padding: 8px 12px;cursor: pointer;transition: background 0.2s ease;font-size: var(--text-sm)}.house-option:hover{background: var(--surface-hover)}.house-option.selected{background: var(--taloma-primary-light);color: var(--taloma-primary)}.quick-task-inline-widget .mud-icon-root svg,.quick-task-inline-widget .mud-svg-icon svg{width: 1em;height: 1em;fill: currentColor}@media (max-width: 768px){.center-quick-task-container{max-width: calc(100vw - 40px)}.center-quick-task-container .quick-task-inline-widget{max-width: calc(100vw - 40px)}.center-quick-task-container .quick-input-inline{min-width: 200px;width: 100%;padding-top: 5px}}.task-suggestions-summary{min-height: 160px;max-height: 330px}.task-suggestions-summary .card-title{position: relative}.task-suggestions-summary .header-stats{display: inline-flex;align-items: center;margin-left: 8px}.task-suggestions-summary .total-count{background: var(--taloma-primary);color: white;font-size: 11px;font-weight: 600;padding: 2px 6px;border-radius: 10px;line-height: 1.2;min-width: 18px;text-align: center}.task-suggestions-summary .loading-state{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 20px;text-align: center}.task-suggestions-summary .suggestions-preview{margin-bottom: 12px}.task-suggestions-summary .preview-item{display: flex;align-items: flex-start;gap: 8px;padding: 6px 0;border-bottom: 1px solid var(--border-light)}.task-suggestions-summary .preview-item:last-child{border-bottom: none}.task-suggestions-summary .preview-badge{display: flex;align-items: center;justify-content: center;width: 18px;height: 18px;border-radius: 3px;flex-shrink: 0;margin-top: 2px}.task-suggestions-summary .preview-badge.expert-badge{background: var(--color-success-light);color: var(--color-success)}.task-suggestions-summary .preview-badge.ai-badge{background: var(--taloma-primary-light);color: var(--taloma-primary)}.task-suggestions-summary .preview-content{flex: 1;min-width: 0;align-items: flex-start;padding-left:10px}.task-suggestions-summary .preview-title{font-size: var(--text-sm);font-weight: 500;color: var(--text-primary);line-height: 1.3;margin-bottom: 2px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.task-suggestions-summary .more-suggestions{text-align: center;padding: 4px 0;margin-top: 6px}.task-suggestions-summary .cta-section{padding-top: 12px}.task-suggestions-summary .review-button{height: 32px;font-size: var(--text-sm);font-weight: 500;border-radius: 6px;text-transform: none}.task-suggestions-summary .subtle-cta{height: 28px;font-size: var(--text-sm);font-weight: 500;border-radius: 4px;text-transform: none;color: var(--taloma-primary);opacity: 0.9;transition: opacity 0.2s ease}.task-suggestions-summary .subtle-cta:hover{opacity: 1}.task-suggestions-summary .empty-state{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 20px;text-align: center}.task-suggestions-summary .empty-state .mud-icon-root{color: var(--color-success)}.task-suggestions-summary .refresh-button{margin-top: 4px;font-size: var(--text-xs);height: 24px;text-transform: none}@media (max-width: 768px){.task-suggestions-summary .header-stats{margin-left: 4px}.task-suggestions-summary .total-count{font-size: 10px;padding: 1px 4px;min-width: 16px}}.next-waiting-tasks{min-height: 140px;max-height: 450px}.next-waiting-tasks .card-title{position: relative}.next-waiting-tasks .header-stats{display: inline-flex;align-items: center;margin-left: 8px}.next-waiting-tasks .total-count{background: var(--status-upcoming);color: white;font-size: 11px;font-weight: 600;padding: 2px 6px;border-radius: 10px;line-height: 1.2;min-width: 18px;text-align: center}.next-waiting-tasks .loading-state{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 20px;text-align: center}.next-waiting-tasks .tasks-preview{margin-bottom: 12px}.next-waiting-tasks .preview-task-item{display: flex;align-items: flex-start;gap: 8px;padding: 8px;border-radius: 6px;border-left: 3px solid transparent;margin-bottom: 10px;cursor: pointer;transition: background-color 0.2s ease,border-left-color 0.2s ease}.next-waiting-tasks .preview-task-item:hover{background-color: var(--surface-hover)}.next-waiting-tasks .preview-task-item:last-child{margin-bottom: 0}.next-waiting-tasks .preview-task-item.overdue{border-left-color: var(--status-overdue)}.next-waiting-tasks .preview-task-item.due-soon{border-left-color: var(--status-due-soon)}.next-waiting-tasks .preview-task-item.upcoming{border-left-color: var(--status-upcoming)}.next-waiting-tasks .preview-task-item.weather-seasonal{border-left-color: var(--status-weather)}.next-waiting-tasks .task-status-indicator{display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: 4px;flex-shrink: 0;margin-top: 2px}.next-waiting-tasks .overdue .task-status-indicator{background: var(--status-overdue-light);color: var(--status-overdue)}.next-waiting-tasks .due-soon .task-status-indicator{background: var(--status-due-soon-light);color: var(--status-due-soon)}.next-waiting-tasks .upcoming .task-status-indicator{background: var(--status-upcoming-light);color: var(--status-upcoming)}.next-waiting-tasks .weather-seasonal .task-status-indicator{background: var(--status-weather-light);color: var(--status-weather)}.next-waiting-tasks .task-content{flex: 1;min-width: 0}.next-waiting-tasks .seasonal-status{padding: 1px 4px;border-radius: 3px;font-size: var(--text-xs);font-weight: 500}.next-waiting-tasks .weather-status{color: var(--status-weather)}.next-waiting-tasks .empty-state{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 20px;text-align: center}.next-waiting-tasks .empty-state .mud-icon-root{color: var(--color-success)}.next-waiting-tasks .refresh-button{margin-top: 4px;font-size: var(--text-xs);height: 24px;text-transform: none}@media (max-width: 768px){.next-waiting-tasks .header-stats{margin-left: 4px}.next-waiting-tasks .total-count{font-size: 10px;padding: 1px 4px;min-width: 16px}.next-waiting-tasks .preview-task-item{padding: 6px}.next-waiting-tasks .task-meta{gap: 4px}.next-waiting-tasks .task-category{max-width: 60px}}@media (min-width: 769px){.task-control-bar .filter-controls.desktop-filters{max-height: none !important;opacity: 1 !important;transform: none !important;overflow: visible !important;margin-top: 0 !important;display: flex !important;visibility: visible !important}.mobile-filter-fab{display: none !important}.mobile-filter-drawer{display: none !important}.task-control-bar.has-collapsible-filters .desktop-filters{display: none !important}.task-control-bar.has-collapsible-filters .filter-controls.desktop-filters{display: none !important}.task-control-bar .desktop-filters,.houselog-control-bar .desktop-filters{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;flex: 1;justify-content: flex-end}.task-control-bar .desktop-filters .search-box,.houselog-control-bar .desktop-filters .search-box{display: flex;align-items: center;gap: 8px;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 8px;padding: 8px 12px;min-width: 250px;transition: all 0.2s ease}.task-control-bar .desktop-filters .search-box:focus-within,.houselog-control-bar .desktop-filters .search-box:focus-within{border-color: var(--primary);box-shadow: 0 0 0 3px rgba(59,130,246,0.1)}.task-control-bar .desktop-filters .search-box input{border: none;background: transparent;font-size: var(--text-sm);flex: 1;outline: none;color: var(--text-primary)}.task-control-bar .desktop-filters .search-box input::placeholder{color: var(--text-tertiary)}.task-control-bar .desktop-filters .filter-dropdown{position: relative}.task-control-bar .desktop-filters .filter-dropdown select{appearance: none;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 8px;padding: 8px 32px 8px 12px;font-size: var(--text-sm);color: var(--text-primary);cursor: pointer;transition: all 0.2s ease;min-width: 160px}.task-control-bar .desktop-filters .filter-dropdown select:hover{border-color: var(--border-medium)}.task-control-bar .desktop-filters .filter-dropdown select:focus{border-color: var(--primary);box-shadow: 0 0 0 3px rgba(59,130,246,0.1);outline: none}.task-control-bar .desktop-filters .filter-clear-button{display: flex;align-items: center;gap: 6px;background: var(--surface-tertiary);border: 1px solid var(--border-light);border-radius: 8px;padding: 8px 12px;color: var(--text-secondary);font-size: var(--text-sm);cursor: pointer;transition: all 0.2s ease;white-space: nowrap}.task-control-bar .desktop-filters .filter-clear-button:hover{background: var(--surface-secondary);border-color: var(--border-medium);color: var(--text-primary)}.task-control-bar .desktop-filters .filter-clear-button .mud-icon{font-size: 16px}}@media (max-width: 768px){.mobile-search-box{display: flex;align-items: center;gap: 12px;background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: 12px;padding: 14px 16px;margin-bottom: 20px;transition: all 0.2s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.mobile-search-box:focus-within{border-color: var(--taloma-primary,#2563eb);box-shadow: 0 4px 16px rgba(37,99,235,0.15);transform: translateY(-1px)}.mobile-search-box input{border: none;background: transparent;font-size: var(--text-base);flex: 1;outline: none;color: var(--text-primary);font-weight: 400;line-height: 1.5}.mobile-search-box input::placeholder{color: var(--text-tertiary)}.mobile-search-box .mud-icon{color: var(--text-secondary);font-size: 20px;flex-shrink: 0}.mobile-search-box .clear-button{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;border-radius: 50%;background: var(--surface-tertiary);border: none;cursor: pointer;transition: all 0.2s ease;flex-shrink: 0}.mobile-search-box .clear-button:hover{background: var(--surface-secondary);transform: scale(1.1)}.mobile-search-box .clear-button .mud-icon{font-size: 14px;color: var(--text-secondary)}.document-type-pills{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 20px;padding: 0}.document-type-pill{display: flex;align-items: center;gap: 8px;padding: 10px 16px;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 20px;color: var(--text-secondary);font-size: var(--text-sm);font-weight: 500;cursor: pointer;transition: all 0.2s ease;touch-action: manipulation;user-select: none;min-height: 44px}.document-type-pill:active{transform: scale(0.96)}.document-type-pill.active{background: var(--taloma-primary,#2563eb) !important;border-color: var(--taloma-primary,#2563eb) !important;color: white !important;box-shadow: 0 2px 8px rgba(37,99,235,0.3)}.document-type-pill.active *{color: white !important}.document-type-pill .mud-icon,.document-type-pill .pill-content .mud-icon{font-size: 16px;flex-shrink: 0}.document-type-pill .count,.document-type-pill .pill-count{background: rgba(255,255,255,0.2);border-radius: 10px;padding: 2px 8px;font-size: var(--text-xs,12px);font-weight: 600;min-width: 20px;text-align: center}.document-type-pill.active .count,.document-type-pill.active .pill-count{background: rgba(255,255,255,0.3) !important;color: white !important}.mobile-category-pills{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 20px;padding: 0}.mobile-category-pill{display: flex;align-items: center;gap: 8px;padding: 10px 16px;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 20px;color: var(--text-secondary);font-size: var(--text-sm);font-weight: 500;cursor: pointer;transition: all 0.2s ease;touch-action: manipulation;user-select: none;min-height: 44px}.mobile-category-pill:active{transform: scale(0.96)}.mobile-category-pill.active{background: var(--taloma-primary,#2563eb) !important;border-color: var(--taloma-primary,#2563eb) !important;color: white !important;box-shadow: 0 2px 8px rgba(37,99,235,0.3)}.mobile-category-pill.active *{color: white !important}.mobile-category-pill .mud-icon,.mobile-category-pill .pill-content .mud-icon{font-size: 16px;flex-shrink: 0}.mobile-category-pill .pill-count{background: rgba(255,255,255,0.2);border-radius: 10px;padding: 2px 8px;font-size: var(--text-xs,12px);font-weight: 600;min-width: 20px;text-align: center}.mobile-category-pill.active .pill-count{background: rgba(255,255,255,0.3) !important;color: white !important}.sort-options{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: 12px;margin-bottom: 20px;overflow: hidden}.sort-option{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;border: none;background: transparent;color: var(--text-primary);cursor: pointer;transition: all 0.2s ease;font-size: var(--text-base);font-weight: 400;border-bottom: 1px solid var(--border-light);width: 100%;min-height: 56px;touch-action: manipulation}.sort-option:last-child{border-bottom: none}.sort-option:active{background: var(--surface-secondary)}.sort-option.active{background: rgba(37,99,235,0.1) !important;color: var(--taloma-primary,#2563eb) !important;font-weight: 500}.sort-option .sort-label{display: flex;align-items: center;gap: 12px}.sort-option .mud-icon{font-size: 20px;flex-shrink: 0}.sort-option .sort-indicator{color: var(--text-tertiary);font-size: 16px;transition: all 0.2s ease}.sort-option.active .sort-indicator{color: var(--taloma-primary,#2563eb) !important}}.year-filter-pills{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 8px}.year-pill{background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 20px;padding: 8px 16px;font-size: var(--text-sm);font-weight: 500;color: var(--text-secondary);cursor: pointer;transition: all 0.2s ease;min-width: 60px;text-align: center;user-select: none;touch-action: manipulation}.year-pill:hover{background: var(--surface-tertiary);border-color: var(--border-medium);transform: translateY(-1px)}.year-pill.active{background: linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color: #3b82f6;color: white;box-shadow: 0 2px 8px rgba(59,130,246,0.3)}.year-pill:active{transform: scale(0.96)}.filter-category-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px;margin-top: 8px}.filter-category-button{display: flex;align-items: center;gap: 8px;padding: 12px 16px;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 12px;color: var(--text-secondary);font-size: var(--text-sm);font-weight: 500;cursor: pointer;transition: all 0.2s ease;user-select: none;touch-action: manipulation;min-height: 44px;justify-content: space-between}.filter-category-button:hover{background: var(--surface-tertiary);border-color: var(--border-medium);transform: translateY(-1px)}.filter-category-button.active{background: var(--taloma-primary,#2563eb);border-color: var(--taloma-primary,#2563eb);color: white;box-shadow: 0 2px 8px rgba(37,99,235,0.3)}.filter-category-button.active *{color: white !important}.filter-category-button:active{transform: scale(0.96)}.filter-category-button .category-count{background: rgba(255,255,255,0.15);border-radius: 10px;padding: 2px 8px;font-size: var(--text-xs,12px);font-weight: 600;min-width: 20px;text-align: center}.filter-category-button.active .category-count{background: rgba(255,255,255,0.3)}.category-filter-pills{display: flex;flex-direction: column;gap: 8px;margin-top: 8px}.category-pill{display: flex;align-items: center;padding: 12px 16px;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 12px;color: var(--text-secondary);font-size: var(--text-sm);font-weight: 500;cursor: pointer;transition: all 0.2s ease;user-select: none;touch-action: manipulation;min-height: 44px}.category-pill:hover{background: var(--surface-tertiary);border-color: var(--border-medium)}.category-pill.active{background: var(--taloma-primary,#2563eb);border-color: var(--taloma-primary,#2563eb);color: white;box-shadow: 0 2px 8px rgba(37,99,235,0.3)}.category-pill:active{transform: scale(0.96)}.house-filter-pills{display: flex;flex-direction: column;gap: 8px;margin-top: 8px}.house-pill{display: flex;align-items: center;padding: 12px 16px;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 12px;color: var(--text-secondary);font-size: var(--text-sm);font-weight: 500;cursor: pointer;transition: all 0.2s ease;user-select: none;touch-action: manipulation;min-height: 44px}.house-pill:hover{background: var(--surface-tertiary);border-color: var(--border-medium)}.house-pill.active{background: var(--taloma-primary,#2563eb);border-color: var(--taloma-primary,#2563eb);color: white;box-shadow: 0 2px 8px rgba(37,99,235,0.3)}.house-pill:active{transform: scale(0.96)}.task-control-bar{display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: wrap}.task-control-bar .view-selector{display: flex;align-items: center;gap: 8px;flex-shrink: 0}.task-control-bar .view-buttons{display: flex;background: var(--surface-secondary);border-radius: 8px;padding: 4px;gap: 2px}.task-control-bar .view-button{display: flex;align-items: center;gap: 6px;padding: 8px 12px;border: none;background: transparent;color: var(--text-secondary);border-radius: 6px;cursor: pointer;transition: all 0.2s ease;font-size: var(--text-sm);white-space: nowrap}.task-control-bar .view-button:hover{background: rgba(59,130,246,0.1);color: var(--primary)}.task-control-bar .view-button.active{background: var(--primary);box-shadow: 0 2px 8px rgba(59,130,246,0.3)}.task-control-bar .view-button .mud-icon{font-size: 18px}.houselog-control-bar .filter-controls.desktop-filters{}@media (min-width: 769px){.task-control-bar .desktop-filters .search-box:has(input[value]:not([value=""])){border-color: var(--primary);background: rgba(59,130,246,0.05)}.task-control-bar .desktop-filters .filter-dropdown select:has(option:checked:not([value=""])){border-color: var(--primary);background: rgba(59,130,246,0.05)}.task-control-bar .desktop-filters > *{animation: filterSlideIn 0.3s ease-out}@keyframes filterSlideIn{from{opacity: 0;transform: translateX(10px)}to{opacity: 1;transform: translateX(0)}}}@media (max-width: 768px){.document-library-page .mobile-filter-content{padding: 24px 20px;max-height: calc(100vh - 100px);overflow-y: auto}.document-library-page .mobile-filter-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 24px;padding-bottom: 16px;border-bottom: 1px solid var(--border-light)}.document-library-page .mobile-filter-title{font-size: var(--text-lg);font-weight: 600;color: var(--text-primary);margin: 0}.document-library-page .mobile-filter-close{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: var(--surface-tertiary);border: none;cursor: pointer;transition: all 0.2s ease}.document-library-page .mobile-filter-close:hover{background: var(--surface-secondary);transform: scale(1.1)}.document-library-page .mobile-filter-section{margin-bottom: 32px}.document-library-page .mobile-filter-section-title{font-size: var(--text-base);font-weight: 600;color: var(--text-primary);margin: 0 0 16px 0;display: flex;align-items: center;gap: 8px}.document-library-page .mobile-filter-section-title .mud-icon{font-size: 18px;color: var(--text-secondary)}.task-library-page .mobile-search-box,.house-log-page .mobile-search-box{margin: 16px 20px 20px 20px}.mobile-filter-drawer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1000;display: flex;align-items: flex-end;backdrop-filter: blur(4px);opacity: 0;visibility: hidden;transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}.mobile-filter-drawer.open{opacity: 1;visibility: visible}.mobile-filter-drawer .mobile-filter-content{width: 100%;background: var(--surface-primary);border-radius: 20px 20px 0 0;transform: translateY(100%);transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);max-height: 85vh;overflow-y: auto}.mobile-filter-drawer.open .mobile-filter-content{transform: translateY(0)}.mobile-filter-actions{display: flex;gap: 12px;margin-top: 24px;padding-top: 24px;border-top: 1px solid var(--border-light)}.mobile-filter-actions .filter-action-button{flex: 1;padding: 14px 20px;border-radius: 12px;border: none;font-size: var(--text-base);font-weight: 600;cursor: pointer;transition: all 0.2s ease;min-height: 52px;touch-action: manipulation}.mobile-filter-actions .filter-clear-button{background: var(--surface-secondary);color: var(--text-secondary);border: 1px solid var(--border-light)}.mobile-filter-actions .filter-clear-button:active{background: var(--surface-tertiary);transform: scale(0.96)}.mobile-filter-actions .filter-apply-button{background: var(--taloma-primary,#2563eb);color: white;box-shadow: 0 2px 8px rgba(37,99,235,0.3)}.mobile-filter-actions .filter-apply-button:active{background: var(--taloma-primary-dark,#1d4ed8);transform: scale(0.96)}}.mobile-filter-fab,.mobile-filter-drawer,.mobile-filter-content{will-change: transform;backface-visibility: hidden}.filter-controls.desktop-filters *{box-sizing: border-box}.collapsible-filter-container{position: relative;flex-shrink: 0}.filter-toggle-btn{display: inline-flex;align-items: center;gap: 8px;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 8px;padding: 8px 12px;color: var(--text-secondary);font-size: var(--text-sm);font-weight: 500;cursor: pointer;transition: all 0.2s ease;user-select: none;white-space: nowrap;position: relative;z-index: 2;height: 40px}.filter-toggle-btn:hover{background: rgba(59,130,246,0.1);color: var(--taloma-primary);border-color: var(--border-medium)}.filter-toggle-btn.active{background: var(--taloma-primary);border-color: var(--taloma-primary);color: var(--surface-primary);box-shadow: 0 2px 8px rgba(59,130,246,0.3)}.filter-toggle-btn .filter-icon{font-size: 18px;transition: transform 0.2s ease}.filter-toggle-btn.active .filter-icon{transform: rotate(180deg)}.filter-active-badge{position: absolute;top: -4px;right: -4px;background: var(--danger);color: var(--surface-primary);font-size: 10px;font-weight: 600;padding: 2px 6px;border-radius: 10px;border: 2px solid var(--surface-primary);min-width: 18px;text-align: center;z-index: 3}.collapsible-filter-backdrop{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.1);backdrop-filter: blur(2px);z-index: 9998}.collapsible-filter-panel{position: fixed;background: var(--surface-primary,#ffffff);border: 1px solid var(--border-light,#e2e8f0);border-radius: 12px;box-shadow: 0 8px 32px rgba(0,0,0,0.2);z-index: 9999;min-width: 500px;max-width: 700px;overflow: visible;backdrop-filter: blur(8px);border-top: 3px solid var(--primary,#3b82f6)}.collapsible-filter-panel.entering{opacity: 0;transform: translateY(-10px) scale(0.98);animation: filterPanelEnter 0.3s cubic-bezier(0.16,1,0.3,1) forwards}.collapsible-filter-panel.exiting{animation: filterPanelExit 0.15s ease-in forwards}@keyframes filterPanelEnter{to{opacity: 1;transform: translateY(0) scale(1)}}@keyframes filterPanelExit{to{opacity: 0;transform: translateY(-10px) scale(0.98)}}.filter-panel-header{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;border-bottom: 1px solid var(--border-light,#e2e8f0);background: var(--surface-secondary,#f8fafc)}.filter-panel-title{display: flex;align-items: center;gap: 8px;color: var(--text-primary);font-weight: 600;font-size: var(--text-sm)}.filter-panel-title .mud-icon{font-size: 18px;color: var(--taloma-primary)}.filter-panel-close{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;background: transparent;border: none;border-radius: 6px;color: var(--text-secondary);cursor: pointer;transition: all 0.2s ease}.filter-panel-close:hover{background: var(--surface-tertiary);color: var(--text-primary)}.filter-panel-content{padding: 20px}.filter-controls-grid{display: grid;gap: 16px}.filter-control-group{display: flex;flex-direction: column;gap: 6px}.filter-control-label{color: var(--text-secondary);font-size: var(--text-xs);font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px}.filter-search-box{display: flex;align-items: center;gap: 10px;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 8px;padding: 12px;transition: all 0.2s ease;min-height: 44px}.filter-search-box:focus-within{border-color: var(--taloma-primary);box-shadow: 0 0 0 3px rgba(59,130,246,0.1);background: var(--surface-primary)}.filter-search-box input{border: none;background: transparent;font-size: var(--text-sm);flex: 1;outline: none;color: var(--text-primary);line-height: 1.4}.filter-search-box input::placeholder{color: var(--text-tertiary)}.filter-search-box .mud-icon{font-size: 16px;color: var(--text-tertiary)}.filter-search-box:focus-within .mud-icon{color: var(--taloma-primary)}.filter-button-group{display: flex;gap: 8px;flex-wrap: wrap}.filter-type-button{display: inline-flex;align-items: center;gap: 6px;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 8px;padding: 8px 12px;color: var(--text-secondary);font-size: var(--text-sm);font-weight: 500;cursor: pointer;transition: all 0.2s ease;user-select: none;white-space: nowrap;min-height: 36px;flex: 1;justify-content: center}.filter-type-button:hover{background: rgba(59,130,246,0.1);color: var(--taloma-primary);border-color: var(--border-medium)}.filter-type-button.active{background: var(--taloma-primary);border-color: var(--taloma-primary);color: white;box-shadow: 0 2px 8px rgba(59,130,246,0.3)}.filter-type-button.active *{color: white !important}.filter-type-button .mud-icon{font-size: 16px}.filter-dropdown{position: relative}.filter-dropdown select{appearance: none;width: 100%;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: 8px;padding: 12px 36px 12px 12px;font-size: var(--text-sm);color: var(--text-primary);cursor: pointer;transition: all 0.2s ease;min-height: 44px;line-height: 1.4}.filter-dropdown select:hover{border-color: var(--border-medium);background: var(--surface-tertiary)}.filter-dropdown select:focus{border-color: var(--taloma-primary);box-shadow: 0 0 0 3px rgba(59,130,246,0.1);outline: none;background: var(--surface-primary)}.filter-dropdown::after{content:'▼';position: absolute;right: 12px;top: 50%;transform: translateY(-50%);font-size: 10px;color: var(--text-tertiary);pointer-events: none;transition: transform 0.2s ease}.filter-dropdown select:focus + .filter-dropdown::after{transform: translateY(-50%) rotate(180deg)}.filter-panel-actions{display: flex;gap: 8px;padding: 16px 20px;border-top: 1px solid var(--border-light);background: var(--surface-secondary)}.filter-action-btn{flex: 1;display: flex;align-items: center;justify-content: center;gap: 6px;padding: 10px 16px;border: none;border-radius: 8px;font-size: var(--text-sm);font-weight: 500;cursor: pointer;transition: all 0.2s ease}.filter-clear-btn{background: var(--surface-tertiary);color: var(--text-secondary);border: 1px solid var(--border-light)}.filter-clear-btn:hover{background: var(--surface-secondary);color: var(--text-primary);border-color: var(--border-medium)}.filter-apply-btn{background: var(--taloma-primary);color: var(--surface-primary)}.filter-apply-btn:hover{background: var(--primary-dark);box-shadow: 0 2px 8px rgba(59,130,246,0.3)}.active-filter-indicator{display: inline-flex;align-items: center;gap: 4px;background: rgba(59,130,246,0.1);color: var(--taloma-primary);font-size: 10px;font-weight: 600;padding: 2px 6px;border-radius: 4px;text-transform: uppercase;letter-spacing: 0.5px}.filter-search-box.has-value{border-color: var(--taloma-primary);background: rgba(59,130,246,0.05)}.filter-dropdown.has-value select{border-color: var(--taloma-primary);background: rgba(59,130,246,0.05)}@media (max-width: 768px){.filter-toggle-btn{display: none !important}.collapsible-filter-panel{display: none !important}}@media (min-width: 769px){.task-control-bar.has-collapsible-filters .mobile-filter-fab{display: none !important}.task-control-bar.has-collapsible-filters .mobile-filter-drawer{display: none !important}}@media (max-width: 1024px){.collapsible-filter-panel{min-width: 350px;right: -50px}}.task-control-bar.has-collapsible-filters{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: wrap}.content-card,.control-card,.card-content{overflow: visible !important}.task-control-bar.has-collapsible-filters .desktop-filters{display: none}.task-control-bar.has-collapsible-filters .view-selector{flex-shrink: 0}.task-control-bar.has-collapsible-filters .collapsible-filter-container{margin-left: auto}.filter-toggle-btn:focus{outline: 2px solid var(--taloma-primary);outline-offset: 2px}.filter-panel-close:focus{outline: 2px solid var(--taloma-primary);outline-offset: 2px}@media (prefers-contrast: high){.collapsible-filter-panel{border: 2px solid var(--text-primary)}.filter-toggle-btn{border: 2px solid var(--text-primary)}}@media (prefers-reduced-motion: reduce){.collapsible-filter-panel.entering,.collapsible-filter-panel.exiting,.filter-toggle-btn .filter-icon{animation: none;transition: none}}.professional-task-header,.professional-houselog-header,.professional-kanban-header,.professional-tasklibrary-header,.professional-documentlibrary-header,.professional-news-header{display: flex;align-items: center;justify-content: space-between;padding: 20px 24px;border-bottom: 1px solid var(--border-light,#e2e8f0);background: var(--surface-primary,#ffffff);border-radius: 12px 12px 0 0;gap: 24px;min-height: 72px}.task-header-left,.houselog-header-left,.kanban-header-left,.tasklibrary-header-left,.documentlibrary-header-left,.news-header-left{display: flex;align-items: center;gap: 12px;flex-shrink: 0}.task-header-controls,.houselog-header-controls,.kanban-header-controls,.tasklibrary-header-controls,.documentlibrary-header-controls,.news-header-controls{display: flex;align-items: center;gap: 16px;flex-shrink: 0}.professional-task-header .card-title,.professional-houselog-header .card-title,.professional-kanban-header .card-title,.professional-tasklibrary-header .card-title,.professional-documentlibrary-header .card-title,.professional-news-header .card-title{display: flex;align-items: center;gap: 10px;margin: 0;font-weight: 600;color: var(--text-primary,#1a202c);letter-spacing: -0.025em}.professional-task-header .card-title .mud-icon,.professional-houselog-header .card-title .mud-icon,.professional-kanban-header .card-title .mud-icon,.professional-tasklibrary-header .card-title .mud-icon,.professional-documentlibrary-header .card-title .mud-icon,.professional-news-header .card-title .mud-icon{font-size: 24px;color: var(--primary,#3b82f6)}.professional-task-header .header-title-section,.professional-houselog-header .header-title-section,.professional-kanban-header .header-title-section,.professional-tasklibrary-header .header-title-section,.professional-documentlibrary-header .header-title-section,.professional-news-header .header-title-section{display: flex;flex-direction: column;gap: 6px;align-items: flex-start}.professional-task-header .card-subtitle,.professional-houselog-header .card-subtitle,.professional-kanban-header .card-subtitle,.professional-tasklibrary-header .card-subtitle,.professional-documentlibrary-header .card-subtitle,.professional-news-header .card-subtitle{font-size: var(--text-body-sm,14px);font-weight: var(--font-normal,400);color: var(--text-secondary,#64748b);line-height: var(--leading-normal,1.5);letter-spacing: -0.006em;max-width: 560px;margin: 0;padding-left: 35px;font-style: italic}.professional-task-header .view-selector,.professional-tasklibrary-header .view-selector,.professional-documentlibrary-header .view-selector,.professional-news-header .view-selector{display: flex;align-items: center;gap: 8px;flex-shrink: 0}.professional-task-header .view-buttons,.professional-tasklibrary-header .view-buttons,.professional-documentlibrary-header .view-buttons,.professional-news-header .view-buttons{display: flex;background: var(--surface-secondary,#f8fafc);border-radius: 8px;padding: 2px;gap: 1px}.professional-task-header .view-button,.professional-tasklibrary-header .view-button,.professional-documentlibrary-header .view-button,.professional-news-header .view-button{display: flex;align-items: center;gap: 6px;padding: 8px 14px;border: none;background: transparent;color: var(--text-secondary,#64748b);border-radius: 6px;cursor: pointer;transition: all 0.2s ease;font-size: var(--text-sm,14px);font-weight: 500;white-space: nowrap;height: 36px}.professional-task-header .view-button:hover,.professional-tasklibrary-header .view-button:hover,.professional-documentlibrary-header .view-button:hover,.professional-news-header .view-button:hover{background: rgba(59,130,246,0.08);color: var(--primary,#3b82f6)}.professional-task-header .view-button.active,.professional-tasklibrary-header .view-button.active,.professional-documentlibrary-header .view-button.active,.professional-news-header .view-button.active{background: var(--surface-primary,#ffffff);color: var(--primary,#3b82f6);box-shadow: 0 1px 2px rgba(0,0,0,0.1);font-weight: 600}.professional-task-header .view-button .mud-icon,.professional-tasklibrary-header .view-button .mud-icon,.professional-documentlibrary-header .view-button .mud-icon,.professional-news-header .view-button .mud-icon{font-size: 18px;transition: transform 0.2s ease}.professional-task-header .view-button.active .mud-icon,.professional-tasklibrary-header .view-button.active .mud-icon,.professional-documentlibrary-header .view-button.active .mud-icon,.professional-news-header .view-button.active .mud-icon{transform: scale(1.1)}.professional-task-header .collapsible-filter-container,.professional-houselog-header .collapsible-filter-container,.professional-kanban-header .collapsible-filter-container,.professional-tasklibrary-header .collapsible-filter-container,.professional-documentlibrary-header .collapsible-filter-container,.professional-news-header .collapsible-filter-container{position: relative;flex-shrink: 0}.professional-task-header .filter-toggle-btn,.professional-houselog-header .filter-toggle-btn,.professional-kanban-header .filter-toggle-btn,.professional-tasklibrary-header .filter-toggle-btn,.professional-documentlibrary-header .filter-toggle-btn,.professional-news-header .filter-toggle-btn{display: inline-flex;align-items: center;gap: 8px;background: var(--surface-secondary,#f8fafc);border: none;border-radius: 8px;padding: 8px 14px;color: var(--text-secondary,#64748b);font-size: var(--text-sm,14px);font-weight: 500;cursor: pointer;transition: all 0.2s ease;user-select: none;white-space: nowrap;position: relative;z-index: 2;height: 36px}.professional-task-header .filter-toggle-btn:hover,.professional-houselog-header .filter-toggle-btn:hover,.professional-kanban-header .filter-toggle-btn:hover,.professional-tasklibrary-header .filter-toggle-btn:hover,.professional-documentlibrary-header .filter-toggle-btn:hover,.professional-news-header .filter-toggle-btn:hover{background: rgba(59,130,246,0.08);color: var(--primary,#3b82f6)}.professional-task-header .filter-toggle-btn.active,.professional-houselog-header .filter-toggle-btn.active,.professional-kanban-header .filter-toggle-btn.active,.professional-tasklibrary-header .filter-toggle-btn.active,.professional-documentlibrary-header .filter-toggle-btn.active,.professional-news-header .filter-toggle-btn.active{background: var(--surface-primary,#ffffff);color: var(--primary,#3b82f6);box-shadow: 0 1px 2px rgba(0,0,0,0.1);font-weight: 600}.professional-task-header .filter-toggle-btn .filter-icon,.professional-houselog-header .filter-toggle-btn .filter-icon{font-size: 18px;transition: transform 0.2s ease}.professional-task-header .filter-toggle-btn.active .filter-icon,.professional-houselog-header .filter-toggle-btn.active .filter-icon{transform: rotate(180deg) scale(1.1)}.professional-task-header .filter-active-badge,.professional-houselog-header .filter-active-badge,.professional-kanban-header .filter-active-badge,.professional-tasklibrary-header .filter-active-badge,.professional-documentlibrary-header .filter-active-badge,.professional-news-header .filter-active-badge{position: absolute;top: -6px;right: -6px;background: var(--danger,#ef4444);color: var(--surface-primary,#ffffff);font-size: 10px;font-weight: 700;padding: 3px 6px;border-radius: 12px;border: 2px solid var(--surface-primary,#ffffff);min-width: 20px;text-align: center;z-index: 3;animation: badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{transform: scale(1)}50%{transform: scale(1.1)}}.professional-task-header .card-actions,.professional-houselog-header .card-actions,.professional-kanban-header .card-actions,.professional-tasklibrary-header .card-actions,.professional-documentlibrary-header .card-actions,.professional-news-header .card-actions{flex-shrink: 0}.add-task-btn{display: inline-flex;align-items: center;gap: 6px;background: var(--primary,#3b82f6);color: var(--surface-primary,#ffffff);border: none;border-radius: 6px;padding: 6px 12px;font-size: var(--text-sm,13px);font-weight: 600;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;height: 32px}.add-task-btn:hover{background: var(--primary-dark,#2563eb);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(59,130,246,0.35)}.add-task-btn:active{transform: translateY(0);box-shadow: 0 2px 4px rgba(59,130,246,0.35)}.add-task-btn .mud-icon{font-size: 18px}.add-task-btn:focus{outline: 2px solid var(--primary,#3b82f6);outline-offset: 2px}@media (max-width: 1024px){.professional-task-header,.professional-houselog-header,.professional-kanban-header,.professional-tasklibrary-header{padding: 16px 20px;gap: 16px}.task-header-controls,.houselog-header-controls{gap: 12px}.professional-houselog-header .year-buttons{flex-wrap: wrap}}@media (max-width: 768px){.professional-task-header,.professional-houselog-header{flex-direction: column;align-items: stretch;gap: 16px;padding: 16px}.task-header-left,.houselog-header-left{justify-content: center}.task-header-controls,.houselog-header-controls{justify-content: center;flex-wrap: wrap;gap: 12px}.professional-task-header .view-buttons{flex: 1;justify-content: center}.professional-task-header .filter-toggle-btn,.professional-houselog-header .filter-toggle-btn{flex: 1;justify-content: center}.professional-houselog-header .year-selector{order: -1;justify-content: center}.professional-houselog-header .year-buttons{justify-content: center;flex-wrap: wrap}.professional-task-header .desktop-text,.professional-houselog-header .desktop-text{display: none}.add-task-btn{display: none}.professional-task-header .card-subtitle,.professional-houselog-header .card-subtitle,.professional-kanban-header .card-subtitle,.professional-tasklibrary-header .card-subtitle,.professional-documentlibrary-header .card-subtitle,.professional-news-header .card-subtitle{display: none}}.professional-task-header .view-button:focus,.professional-task-header .filter-toggle-btn:focus{outline: 2px solid var(--primary,#3b82f6);outline-offset: 2px}@media (prefers-contrast: high){.professional-task-header{border-bottom: 2px solid var(--text-primary)}.professional-task-header .view-button,.professional-task-header .filter-toggle-btn{border: 2px solid var(--text-primary)}}@media (prefers-reduced-motion: reduce){.professional-task-header .view-button,.professional-task-header .filter-toggle-btn,.professional-task-header .filter-icon{transition: none}.professional-task-header .filter-active-badge{animation: none}}.professional-houselog-header .year-selector{display: flex;align-items: center;gap: 12px;flex-shrink: 0}.professional-houselog-header .year-buttons{display: flex;background: var(--surface-secondary,#f8fafc);border-radius: 8px;padding: 2px;gap: 1px}.professional-houselog-header .year-button{display: flex;align-items: center;justify-content: center;padding: 8px 12px;border: none;background: transparent;color: var(--text-secondary,#64748b);border-radius: 6px;cursor: pointer;transition: all 0.2s ease;font-size: var(--text-sm,14px);font-weight: 500;white-space: nowrap;height: 36px;min-width: 48px}.professional-houselog-header .year-button:hover{background: rgba(59,130,246,0.08);color: var(--primary,#3b82f6)}.professional-houselog-header .year-button.active{background: var(--surface-primary,#ffffff);color: var(--primary,#3b82f6);box-shadow: 0 1px 2px rgba(0,0,0,0.1);font-weight: 600}.professional-houselog-header .expand-button{display: flex;align-items: center;gap: 6px;padding: 8px 12px;border: none;background: var(--surface-secondary,#f8fafc);color: var(--text-secondary,#64748b);border-radius: 8px;cursor: pointer;transition: all 0.2s ease;font-size: var(--text-sm,14px);font-weight: 500;white-space: nowrap;height: 36px}.professional-houselog-header .expand-button:hover{background: rgba(59,130,246,0.08);color: var(--primary,#3b82f6)}.expand-collapse-btn{display: flex;align-items: center;gap: 8px;width: 100%;background: var(--surface-secondary,#f8fafc);border: 1px solid var(--border-light,#e2e8f0);border-radius: 8px;padding: 12px;color: var(--text-primary,#1a202c);font-size: var(--text-sm,14px);font-weight: 500;cursor: pointer;transition: all 0.2s ease;min-height: 44px;line-height: 1.4}.expand-collapse-btn:hover{background: rgba(59,130,246,0.08);color: var(--primary,#3b82f6);border-color: rgba(59,130,246,0.2)}.expand-collapse-btn .mud-icon{font-size: 18px}.weather-widget-container{position: relative}.weather-widget{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: 12px;transition: all var(--transition-fast);position: relative;overflow: hidden}.weather-widget:hover{box-shadow: 0 8px 25px 0 rgba(0,0,0,0.08),0 4px 12px 0 rgba(0,0,0,0.05);transform: translateY(-1px);border-color: rgba(156,163,175,0.4)}.weather-widget .card-content{padding-left: 17px !important}.weather-widget .card-header.compact{padding: var(--space-4) var(--space-5) var(--space-3) var(--space-5);border-bottom: 1px solid var(--border-light);background: var(--surface-secondary);border-radius: 12px}.location-info{display: flex;align-items: center;gap: 10px;flex: 1}.location-name{font-size: 14px;font-weight: 600;color: var(--text-primary);letter-spacing: -0.02em}.weather-icon{transition: all 0.3s ease}.weather-widget .weather-icon.sunny{color: var(--color-warning)}.weather-widget .weather-icon.cloudy{color: var(--gray-500)}.weather-widget .weather-icon.partly-cloudy{color: var(--gray-400)}.weather-widget .weather-icon.rainy{color: var(--color-info)}.weather-widget .weather-icon.snowy{color: var(--gray-400)}.weather-widget .weather-icon.stormy{color: var(--gray-700)}.menu-trigger{opacity: 0.6;transition: opacity 0.2s ease}.menu-trigger:hover{opacity: 1}.current-weather-compact{padding: 16px 18px;display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.temperature-section{display: flex;flex-direction: column;justify-content: center}.main-temp{display: flex;align-items: baseline;gap: 2px;margin-bottom: 4px}.temp-value{font-size: 26px;font-weight: 600;color: var(--text-primary);line-height: 1;letter-spacing: -0.03em}.temp-unit{font-size: 16px;font-weight: 400;color: var(--text-secondary)}.feels-like{font-size: 11px;color: var(--text-secondary);font-weight: 400}.weather-metrics{display: flex;flex-direction: column;gap: 8px;justify-content: center}.metric{display: flex;align-items: center;gap: 6px;padding: 5px 10px;background: var(--gray-50);border: 0px;border-radius: 6px;transition: all 0.2s ease}.metric:hover{background: var(--gray-100);border-color: var(--border-medium)}.metric .mud-icon{font-size: 14px;flex-shrink: 0}.metric span{font-size: 12px;font-weight: 500;color: var(--text-primary);white-space: nowrap}.metric.precipitation{color: #3b82f6}.metric.humidity{color: #06b6d4}.metric.wind{color: #6b7280}.metric.uv{color: #f59e0b}.weather-widget .weather-metrics .metric span{color: var(--text-primary)}.weather-forecast-section{margin-top: 2px;border-top: 1px solid rgba(0,0,0,0.04);padding-top: 16px}.forecast-timeline.compact{display: flex;justify-content: flex-start;gap: 8px;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;padding: 0 6px}.forecast-timeline.compact::-webkit-scrollbar{display: none}.forecast-day.compact{flex-shrink: 0;width: 48px;display: flex;flex-direction: column;align-items: center;gap: 6px;padding: 12px 8px;background: transparent;border: none;border-radius: 0;cursor: pointer;transition: none}.forecast-day.compact:hover{background: transparent;border-color: transparent;transform: none;box-shadow: none}.forecast-day.compact:active{background: rgba(0,0,0,0.02);transform: translateY(0)}.forecast-date .day-name{font-size: 11px;font-weight: 500;color: rgba(0,0,0,0.4);text-transform: uppercase;letter-spacing: 0.02em}.forecast-icon .mud-icon{font-size: 16px;transition: all 0.3s ease}.forecast-day.compact .forecast-icon{color: #6b7280}.forecast-day.compact.sunny .forecast-icon{color: #f59e0b}.forecast-day.compact.rainy .forecast-icon{color: #3b82f6}.forecast-day.compact.snowy .forecast-icon{color: #94a3b8}.forecast-day.compact.stormy .forecast-icon{color: #374151}.forecast-day.compact.cloudy .forecast-icon,.forecast-day.compact.partly-cloudy .forecast-icon{color: #6b7280}.forecast-temps{display: flex;flex-direction: column;align-items: center;gap: 1px}.temp-high{font-size: 13px;font-weight: 500;color: #000}.temp-low{font-size: 11px;font-weight: 400;color: rgba(0,0,0,0.4)}.forecast-precipitation{margin-top: 1px}.forecast-precipitation span{font-size: 8px;color: #3b82f6;font-weight: 500}.weather-error-state{padding: 32px 20px;text-align: center;color: var(--text-secondary)}.weather-error-state .error-icon{color: var(--gray-400);margin-bottom: 16px}.weather-error-state h4{font-size: 16px;font-weight: 600;color: var(--text-primary);margin-bottom: 8px}.weather-error-state p{font-size: 14px;line-height: 1.5;margin-bottom: 20px}.weather-loading{padding: 20px}@media (max-width: 768px){.forecast-timeline.compact .forecast-day.compact:nth-child(n+5){display: none}}@keyframes weather-data-refresh{0%{opacity: 1;transform: translateY(0)}50%{opacity: 0.7;transform: translateY(-2px)}100%{opacity: 1;transform: translateY(0)}}@media (min-width: 769px){.forecast-day.compact:hover .forecast-icon{transform: scale(1.1);transition: all 0.2s ease;filter: brightness(1.1)}.metric:hover .mud-icon{transform: scale(1.05);transition: transform 0.2s ease}}.condition-text{color: var(--text-secondary);font-size: var(--text-sm);font-weight: var(--font-medium);letter-spacing: -0.01em;margin-bottom: 2px}.weather-rule-intelligence-panel{background: var(--gray-50);border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: var(--space-4);margin-top: var(--space-4);font-family: var(--font-family-ui);max-width: 400px}.weather-context-header{display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-4)}.weather-context-title{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--text-primary)}.weather-loading{display: flex;flex-direction: column;gap: var(--space-2);align-items: center;padding: var(--space-4)}.current-weather{display: flex;justify-content: space-between;align-items: center;padding: var(--space-3);background: white;border-radius: var(--radius-md);margin-bottom: var(--space-3);border: 1px solid var(--border-light)}.current-weather-main{display: flex;flex-direction: column}.current-temp{font-size: var(--text-2xl);font-weight: var(--font-bold);color: var(--text-primary);line-height: 1}.current-desc{font-size: var(--text-sm);color: var(--text-secondary);text-transform: capitalize}.current-weather-details{display: flex;flex-direction: column;gap: var(--space-1)}.weather-detail{display: flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);color: var(--text-tertiary)}.weather-detail .mud-icon{color: var(--color-info);font-size: 14px}.forecast-days{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-2);margin-bottom: var(--space-4)}.forecast-day{display: flex;flex-direction: column;align-items: center;padding: var(--space-3);background: white;border: 1px solid var(--border-light);border-radius: var(--radius-md);transition: all var(--transition-fast)}.forecast-day.good-weather{background: var(--color-success-light);border-color: var(--color-success)}.forecast-day.poor-weather{background: var(--color-error-light);border-color: var(--color-error)}.forecast-day.fair-weather{background: var(--color-warning-light);border-color: var(--color-warning)}.forecast-day-name{font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.05em}.forecast-temp{font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--text-primary);margin: var(--space-1) 0}.forecast-rain{font-size: var(--text-xs)}.rain-chance{color: var(--color-info);font-weight: var(--font-medium)}.no-rain{font-size: var(--text-sm)}.weather-opportunity,.weather-waiting{display: flex;align-items: flex-start;gap: var(--space-3)}.weather-opportunity .mud-icon{color: var(--color-success);margin-top: 2px;flex-shrink: 0}.weather-waiting .mud-icon{color: var(--color-warning);margin-top: 2px;flex-shrink: 0}.opportunity-content,.waiting-content{flex: 1}.opportunity-title,.waiting-title{font-size: var(--text-sm);font-weight: var(--font-semibold);margin-bottom: var(--space-1)}.opportunity-title{color: var(--color-success)}.waiting-title{color: var(--color-warning)}.opportunity-details,.waiting-details{font-size: var(--text-xs);color: var(--text-secondary)}.weather-unavailable{display: flex;align-items: center;justify-content: center;gap: var(--space-2);padding: var(--space-4);color: var(--text-tertiary)}.weather-unavailable .mud-icon{color: var(--text-tertiary)}.weather-rule-summary{margin-bottom: var(--space-4);padding: var(--space-3);background: white;border-radius: var(--radius-md);border: 1px solid var(--border-light)}.rule-title{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--text-primary);margin-bottom: var(--space-2)}.rule-conditions{display: flex;flex-direction: column;gap: var(--space-2)}.rule-condition{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-xs);color: var(--text-secondary)}.rule-condition .mud-icon{color: var(--color-info);font-size: 14px;flex-shrink: 0}.weather-rule-status{margin-bottom: var(--space-4);padding: var(--space-3);border-radius: var(--radius-md);border: 1px solid var(--border-light)}.weather-rule-status.rule-status-ready{background: var(--color-success-light);border-color: var(--color-success)}.weather-rule-status.rule-status-waiting{background: var(--color-warning-light);border-color: var(--color-warning)}.status-header{display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-2)}.status-title{font-size: var(--text-sm);font-weight: var(--font-semibold)}.status-title.ready{color: var(--color-success)}.status-title.waiting{color: var(--color-warning)}.status-header .mud-icon{flex-shrink: 0}.rule-status-ready .status-header .mud-icon{color: var(--color-success)}.rule-status-waiting .status-header .mud-icon{color: var(--color-warning)}.current-conditions{display: flex;flex-direction: column;gap: var(--space-1)}.condition-item{display: flex;justify-content: space-between;font-size: var(--text-xs)}.condition-label{color: var(--text-tertiary);font-weight: var(--font-medium)}.condition-value{color: var(--text-primary)}.weather-rule-forecast{padding: var(--space-3);background: white;border-radius: var(--radius-md);border: 1px solid var(--border-light)}.forecast-opportunity{display: flex;flex-direction: column;gap: var(--space-2)}.opportunity-header{display: flex;align-items: center;gap: var(--space-2)}.opportunity-title{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--color-success)}.opportunity-header .mud-icon{color: var(--color-success);flex-shrink: 0}.opportunity-details{display: flex;flex-direction: column;gap: var(--space-1);margin-left: var(--space-6)}.opportunity-timing{font-size: var(--text-sm);color: var(--text-primary);font-weight: var(--font-medium)}.opportunity-confidence{font-size: var(--text-xs);color: var(--text-secondary)}.forecast-waiting{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-xs);color: var(--text-tertiary);font-style: italic}.forecast-waiting .mud-icon{color: var(--text-tertiary);flex-shrink: 0}.weather-context-popover{max-width: 420px;box-shadow: var(--shadow-lg);border: 1px solid var(--border-light);border-radius: var(--radius-md)}.weather-context-trigger{color: var(--color-info);opacity: 0.7;transition: opacity var(--transition-fast)}.weather-context-trigger:hover{opacity: 1;color: var(--color-info)}@media (max-width: 768px){.weather-context-panel{padding: var(--space-3);margin-top: var(--space-3)}.current-weather{flex-direction: column;align-items: flex-start;gap: var(--space-2)}.current-weather-details{flex-direction: row;gap: var(--space-4)}.forecast-days{grid-template-columns: repeat(3,1fr);gap: var(--space-1)}.forecast-day{padding: var(--space-2)}.forecast-temp{font-size: var(--text-md)}.weather-analysis{padding: var(--space-2)}}.unified-scheduling-interface{display: flex;flex-direction: column;gap: var(--space-4);padding: 0;border: none;border-radius: var(--radius-md);background: var(--surface-primary);box-shadow: var(--shadow-xs)}.scheduling-guidance{margin-bottom: var(--space-4)}.guidance-text{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--text-secondary);font-weight: var(--font-medium);line-height: 1.4}.guidance-icon{font-size: var(--text-base);opacity: 0.8}.guidance-icon-svg{color: var(--text-secondary);font-size: var(--text-base) !important}.scheduling-type-selection{margin-bottom: var(--space-4)}.scheduling-options{display: flex;gap: var(--space-2);flex-wrap: wrap}.scheduling-option{display: flex;align-items: center;justify-content: center;padding: 0 var(--space-3);border: 1px solid var(--border-light);border-radius: var(--radius-md);background: var(--surface-primary);cursor: pointer;transition: all var(--transition-fast) ease;font-size: var(--text-sm);color: var(--text-primary);font-weight: var(--font-medium);height: var(--space-8);white-space: nowrap;line-height: 1}.scheduling-option:hover{border-color: var(--taloma-primary);background: var(--surface-secondary);color: var(--text-primary);transform: translateY(-1px);box-shadow: var(--shadow-sm)}.scheduling-option.selected{border-color: var(--taloma-primary);background: var(--taloma-primary-light);color: var(--taloma-primary-dark);font-weight: var(--font-semibold);box-shadow: 0 1px 2px rgba(37,99,235,0.1)}.scheduling-option.seasonal{display: flex;align-items: center;gap: var(--space-2)}.scheduling-option.seasonal .mud-icon{color: var(--color-info);font-size: var(--text-sm) !important}.scheduling-option.seasonal-selected .mud-icon{color: var(--taloma-primary-dark)}.scheduling-options-desktop{display: flex}.scheduling-options-mobile{display: none;flex-direction: column;gap: var(--space-3)}.scheduling-group{background: var(--surface-secondary);border-radius: var(--radius-lg);border: 1px solid var(--border-light);overflow: hidden;transition: all var(--transition-fast)}.scheduling-group:hover{border-color: var(--border-medium)}.scheduling-group-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-3) var(--space-4);cursor: pointer;transition: all var(--transition-fast);user-select: none;background: var(--surface-primary)}.scheduling-group-header:hover{background: var(--surface-secondary)}.group-info{display: flex;align-items: center;gap: var(--space-2)}.group-icon{color: var(--text-secondary);font-size: 18px !important}.group-title{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary)}.expand-icon{color: var(--text-tertiary);font-size: 20px !important;transition: transform var(--transition-fast)}.scheduling-group-content{padding: 0 var(--space-4) var(--space-3);display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-2);border-top: 1px solid var(--border-light);background: var(--surface-primary)}@media (max-width: 768px){.scheduling-options-desktop{display: none}.scheduling-options-mobile{display: flex}.scheduling-option{height: 44px;font-size: var(--text-sm);justify-content: center;padding: 0 var(--space-3);border-radius: var(--radius-md);text-align: center;font-weight: var(--font-normal);background: var(--surface-primary);border: 1px solid var(--border-light);box-shadow: none}.scheduling-option-standalone{margin-bottom: var(--space-2)}.scheduling-option.seasonal{justify-content: center;gap: var(--space-2)}.scheduling-group-content{grid-template-columns: 1fr;gap: var(--space-2)}}@media (max-width: 480px){.scheduling-group-header{padding: var(--space-3)}.scheduling-group-content{padding: 0 var(--space-3) var(--space-3)}.group-title{font-size: var(--text-xs)}}.nlp-section{margin-bottom: var(--space-4)}.advanced-toggle{text-align: center;margin-top: var(--space-2)}.advanced-header{display: flex;align-items: center;justify-content: space-between;padding-bottom: var(--space-3);border-bottom: 1px solid var(--border-light);margin-bottom: var(--space-4)}.advanced-title{font-size: var(--text-base);font-weight: var(--font-semibold);color: var(--text-primary);line-height: 1.4}.header-title{font-size: var(--text-base);font-weight: var(--font-semibold);color: var(--text-primary)}.natural-language-scheduler{display: flex;flex-direction: column;gap: var(--space-3)}.suggestions-grid{display: flex;flex-wrap: wrap;gap: var(--space-2)}.suggestion-chip.suggestion-recurrence{background: var(--color-info-light);color: var(--taloma-primary-dark)}.suggestion-chip.suggestion-weather{background: var(--color-warning-light);color: var(--color-warning)}.combined-window{padding: var(--space-3);background: var(--color-warning-light);border-radius: var(--radius-md)}.validation-errors{display: flex;flex-direction: column;gap: var(--space-2)}.processing-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.8);display: flex;align-items: center;justify-content: center;gap: var(--space-2);border-radius: var(--radius-md);font-size: var(--text-sm);color: var(--text-secondary)}.recurrence-builder.modern{display: flex;flex-direction: column;gap: var(--space-4)}.recurrence-builder.modern .frequency-tabs{display: flex;gap: 0;background: transparent;border-radius: 0;padding: 0;border: none;border-bottom: 1px solid var(--border-light);margin-bottom: var(--space-4)}.recurrence-builder.modern .frequency-tab{position: relative;padding: var(--space-3) var(--space-4);border: none;background: transparent;border-radius: 0;cursor: pointer;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-secondary);transition: all 0.2s ease;text-align: center;height: auto;display: flex;align-items: center;justify-content: center;gap: var(--space-2);white-space: nowrap;border-bottom: 2px solid transparent}.recurrence-builder.modern .frequency-tab:hover{background: var(--surface-secondary);color: var(--text-primary);border-radius: var(--radius-md) var(--radius-md) 0 0}.recurrence-builder.modern .frequency-tab.active{background: transparent;color: var(--taloma-primary);font-weight: var(--font-semibold);border-bottom-color: var(--taloma-primary)}.recurrence-builder.modern .frequency-tab.active:hover{background: var(--taloma-primary-light);border-radius: var(--radius-md) var(--radius-md) 0 0}.recurrence-builder.modern .frequency-tab.seasonal{background: linear-gradient(135deg,var(--color-info-light) 0%,#e0f2fe 100%);border: 1px solid #bae6fd;border-radius: var(--radius-md);margin-left: var(--space-2);border-bottom: 1px solid #bae6fd}.recurrence-builder.modern .frequency-tab.seasonal:hover{background: linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-color: #7dd3fc;transform: translateY(-1px);box-shadow: 0 2px 8px rgba(14,165,233,0.15)}.recurrence-builder.modern .frequency-tab.seasonal.active{background: linear-gradient(135deg,var(--color-info) 0%,#0284c7 100%);color: var(--text-inverse);border-color: #0284c7;border-bottom-color: #0284c7}.recurrence-builder.modern .seasonal-tab-icon{font-size: var(--text-sm);filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1))}.recurrence-builder.modern .pattern-controls-row{display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-4) 0;border-bottom: 1px solid var(--border-light);margin-bottom: var(--space-4)}.recurrence-builder.modern .frequency-sentence{display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap;padding: var(--space-3);background: var(--surface-secondary);border-radius: var(--radius-md);border: 1px solid var(--border-light)}.recurrence-builder.modern .recurrence-builder.modern .control-label{font-size: var(--text-sm);color: var(--text-primary);font-weight: var(--font-medium);white-space: nowrap;line-height: 1.2}.recurrence-builder.modern .weekday-row{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-3);background: var(--surface-secondary);border-radius: var(--radius-md);border: 1px solid var(--border-light)}.recurrence-builder.modern .weekday-row-label{margin-right: var(--space-2);min-width: fit-content}.recurrence-builder.modern input[type="number"],.recurrence-builder.modern .compact-input,.recurrence-builder.modern .day-input,.recurrence-builder.modern .compact-date-picker{height: var(--space-8);font-size: var(--text-sm);border: 1px solid var(--border-light);border-radius: var(--radius-sm);background: var(--surface-primary);color: var(--text-primary);transition: all var(--transition-fast) ease;text-align: center;padding: 0 var(--space-2);outline: none;-moz-appearance: textfield}.recurrence-builder.modern input[type="number"]::-webkit-inner-spin-button,.recurrence-builder.modern input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0}.recurrence-builder.modern input[type="number"]:focus,.recurrence-builder.modern .compact-input:focus,.recurrence-builder.modern .day-input:focus,.recurrence-builder.modern .compact-date-picker:focus{outline: none;border-color: var(--taloma-primary);box-shadow: 0 0 0 2px var(--taloma-primary-light)}.recurrence-builder.modern .mud-input-root{height: var(--space-8) !important;min-height: var(--space-8) !important;max-height: var(--space-8) !important;border: 1px solid var(--border-light) !important;border-radius: var(--radius-sm) !important;background: var(--surface-primary) !important;padding: 0 !important;overflow: hidden !important}.recurrence-builder.modern .mud-input-root .mud-input{height: 30px !important;line-height: 30px !important;padding: 0 var(--space-2) !important;border: none !important;background: transparent !important;text-align: center !important;font-size: var(--text-sm) !important;color: var(--text-primary) !important}.recurrence-builder.modern .mud-input-numeric-up,.recurrence-builder.modern .mud-input-numeric-down,.recurrence-builder.modern .mud-input-adornment,.recurrence-builder.modern .mud-input-adornment-end{display: none !important}.recurrence-builder.modern .mud-input-root input[type="number"]::-webkit-inner-spin-button,.recurrence-builder.modern .mud-input-root input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none !important;margin: 0 !important}.recurrence-builder.modern .mud-input-root input[type="number"]{-moz-appearance: textfield !important}.recurrence-builder.modern .mud-input-underline,.recurrence-builder.modern .mud-input-underline::before,.recurrence-builder.modern .mud-input-underline::after{display: none !important;height: 0 !important;border: none !important}.recurrence-builder.modern .mud-input-root.mud-input-focused{border-color: var(--taloma-primary) !important;box-shadow: 0 0 0 2px var(--taloma-primary-light) !important}.recurrence-builder.modern .mud-input-label{display: none !important}.recurrence-builder.modern input[type="number"].compact-input,.recurrence-builder.modern .compact-input{width: 60px;max-width: 60px}.recurrence-builder.modern input[type="number"].day-input,.recurrence-builder.modern .day-input{width: 70px;max-width: 70px}.recurrence-builder.modern .compact-date-picker{width: 140px;max-width: 140px;text-align: left;padding-left: var(--space-2)}.pattern-controls-column{display: flex;flex-direction: column;align-items: flex-start;gap: var(--space-3)}.pattern-options-container{display: flex;flex-direction: column;gap: var(--space-2);width: 100%}.radio-option{display: flex;align-items: center;gap: var(--space-2);cursor: pointer}.radio-option input[type="radio"]{margin: 0}.radio-option-flex-start{display: flex;align-items: flex-start;gap: var(--space-2);cursor: pointer}.radio-option-flex-start input[type="radio"]{margin: 2px 0 0 0}.radio-option-content{display: flex;flex-direction: column;gap: var(--space-2)}.monthly-date-preview{color: var(--text-tertiary)}.recurrence-builder.modern .weekday-selector{display: flex;gap: var(--space-1);flex-wrap: wrap}.recurrence-builder.modern .weekday-btn{width: var(--space-8);height: var(--space-8);padding: 0;border: 1px solid var(--border-light);border-radius: var(--radius-sm);background: var(--surface-primary);color: var(--text-secondary);font-size: var(--text-xs);font-weight: var(--font-semibold);cursor: pointer;transition: all var(--transition-fast) ease;display: flex;align-items: center;justify-content: center}.recurrence-builder.modern .weekday-btn:hover{border-color: var(--taloma-primary);background: var(--surface-secondary);color: var(--text-primary)}.recurrence-builder.modern .weekday-btn.active{border-color: var(--taloma-primary);background: var(--taloma-primary);color: var(--text-inverse);box-shadow: var(--shadow-sm)}.recurrence-builder.modern .month-selector{display: flex;gap: var(--space-1);flex-wrap: wrap;pointer-events: none}.recurrence-builder.modern .month-btn{width: 36px;height: 24px;padding: 0;border: 1px solid var(--border-medium);border-radius: var(--radius-sm);background: var(--surface-primary);color: var(--text-secondary);font-size: var(--text-xs);font-weight: var(--font-medium);cursor: pointer;pointer-events: auto;transition: all var(--transition-fast) ease;display: flex;align-items: center;justify-content: center}.recurrence-builder.modern .month-btn:hover{border-color: var(--taloma-primary);background: var(--taloma-primary-light);color: var(--taloma-primary-dark)}.recurrence-builder.modern .month-btn.active{border-color: var(--taloma-primary);background: var(--taloma-primary);color: var(--text-inverse)}.recurrence-builder.modern .date-controls-section{display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-3);background: var(--surface-secondary);border-radius: var(--radius-md)}.recurrence-builder.modern .end-options-row{display: flex;align-items: center;gap: var(--space-4);flex-wrap: wrap}.recurrence-builder.modern .end-option-group{display: flex;align-items: center;gap: var(--space-2)}.recurrence-builder.modern .end-option-radio{width: var(--space-4);height: var(--space-4);margin: 0;cursor: pointer}.recurrence-builder.modern .end-option-label{font-size: var(--text-sm);color: var(--text-primary);font-weight: var(--font-medium);cursor: pointer;user-select: none}.recurrence-builder.modern .end-option-control{margin-left: var(--space-2)}.recurrence-builder.modern .pattern-controls-row[style*="column"]{align-items: flex-start;gap: var(--space-2)}.recurrence-builder.modern .pattern-controls-row label{display: flex;align-items: flex-start;gap: var(--space-2);cursor: pointer;padding: var(--space-2);border-radius: var(--radius-sm);transition: background var(--transition-fast) ease;width: 100%}.recurrence-builder.modern .pattern-controls-row label:hover{background: var(--surface-tertiary)}.recurrence-builder.modern .pattern-controls-row input[type="radio"]{width: var(--space-4);height: var(--space-4);margin: 2px 0 0 0;cursor: pointer;flex-shrink: 0}.recurrence-builder.modern .main-two-column-layout{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-5);align-items: start}.recurrence-builder.modern .recurrence-column{display: flex;flex-direction: column;gap: var(--space-4)}.recurrence-builder.modern .weather-column{display: flex;flex-direction: column;gap: var(--space-3)}.recurrence-builder.modern .weather-triggers-section{padding: var(--space-3);background: none;border-radius: var(--radius-md);border: 1px solid var(--color-warning);border-left: 3px solid var(--color-warning)}.recurrence-builder.modern .weather-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-2)}.recurrence-builder.modern .section-title{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--color-warning);margin: 0}.recurrence-builder.modern .weather-toggle{transform: scale(0.8)}.recurrence-builder.modern .selected-weather-template-display{padding: var(--space-2);background: var(--surface-primary);border-radius: var(--radius-sm);margin-bottom: var(--space-2)}.recurrence-builder.modern .selected-weather-header{display: flex;align-items: center;justify-content: space-between;gap: var(--space-2)}.recurrence-builder.modern .selected-weather-info{display: flex;align-items: center;gap: var(--space-2);flex: 1}.recurrence-builder.modern .selected-weather-icon{font-size: var(--text-base);width: 24px;height: 24px;display: flex;align-items: center;justify-content: center}.recurrence-builder.modern .selected-weather-name{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--color-warning)}.recurrence-builder.modern .selected-weather-category{font-size: var(--text-xs);color: var(--color-warning);margin-left: var(--space-1)}.recurrence-builder.modern .selected-weather-actions{display: flex;gap: var(--space-1)}.recurrence-builder.modern .weather-template-grid{display: grid;grid-template-columns: 1fr;gap: var(--space-2);max-height: 400px;overflow-y: auto;margin-bottom: var(--space-6)}.recurrence-builder.modern .weather-template-card{padding: var(--space-2) var(--space-2);background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-sm);cursor: pointer;transition: all var(--transition-fast) ease;min-height: 40px;display: flex;align-items: center;gap: var(--space-2);position: relative;overflow: hidden}.recurrence-builder.modern .weather-template-card:hover{border-color: var(--color-warning);background: var(--color-warning-light)}.recurrence-builder.modern .weather-template-card.selected{border-color: var(--taloma-primary);background: var(--taloma-primary-light)}.recurrence-builder.modern .weather-template-icon{font-size: var(--text-sm);width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;border-radius: var(--radius-lg)}.recurrence-builder.modern .weather-template-info{flex: 1;min-width: 0}.recurrence-builder.modern .weather-template-name{font-size: var(--text-xs);font-weight: var(--font-semibold);color: var(--text-primary);line-height: 1.2;margin-bottom: 1px}.recurrence-builder.modern .weather-template-category{font-size: var(--text-xs);color: var(--text-secondary);line-height: 1.2}.recurrence-builder.modern .no-weather-template-state{text-align: center;padding: var(--space-4) var(--space-3)}.recurrence-builder.modern .no-weather-template-content{display: flex;flex-direction: column;align-items: center;gap: var(--space-2)}.recurrence-builder.modern .validation-section{display: flex;flex-direction: column;gap: var(--space-2)}.recurrence-builder.modern .validation-error{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-2);background: var(--color-error-light);border: 1px solid var(--color-error-light);border-radius: var(--radius-sm);font-size: var(--text-xs);color: var(--color-error)}.scheduling-summary.modern{padding: var(--space-4);background: var(--surface-secondary);border-radius: var(--radius-lg);border: 1px solid var(--border-light);border-left: 3px solid var(--color-info)}.summary-item{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2)}.summary-icon{width: var(--space-5);height: var(--space-5);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.summary-content{flex: 1}.summary-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-3)}.summary-actions{display: flex;align-items: center;gap: var(--space-2)}.summary-text.primary{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--text-primary);margin-bottom: 0;line-height: 1.4}.summary-text.secondary{font-size: var(--text-xs);color: var(--text-secondary);line-height: 1.4}.next-occurrences{margin-top: var(--space-3);display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap}.next-label{font-size: var(--text-xs);font-weight: var(--font-semibold);color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.025em;flex-shrink: 0}.occurrences-list{display: flex;gap: var(--space-2);flex-wrap: wrap;align-items: center}.occurrence-pill{padding: 3px var(--space-2);background: var(--color-info-light);border: 1px solid var(--taloma-primary-light);border-radius: var(--radius-xl);font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--taloma-primary-dark);line-height: 1.2}.occurrence-more,.occurrence-weather,.occurrence-loading{font-size: var(--text-xs);color: var(--color-success);font-style: italic}.confidence-indicator{display: flex;align-items: center;gap: var(--space-1);margin-top: var(--space-1);font-size: var(--text-xs);color: var(--color-warning)}.validation-summary .validation-indicator{display: flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);color: var(--color-error)}.weather-template-badge.first-occurrence.nordic-climate::before{content:'';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation: shimmer 2s infinite}@keyframes shimmer{0%{left: -100%}100%{left: 100%}}.weather-template-badge.first-occurrence.nordic-climate .mud-icon{color: var(--color-info);margin-right: var(--space-1)}.weather-template-card:has(.nordic-climate){border: 2px solid rgba(33,150,243,0.3);background: linear-gradient(145deg,var(--surface-primary) 0%,#f8fcff 100%)}.weather-template-card:has(.nordic-climate):hover{border-color: var(--color-info);box-shadow: var(--shadow-lg);transform: translateY(-2px);transition: all var(--transition-slow) ease}.seasonal-two-column{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-6);align-items: start;width: 100%;min-height: 400px}.seasonal-templates-column{display: flex;flex-direction: column;gap: var(--space-4)}.seasonal-conditions-column{display: flex;flex-direction: column;gap: var(--space-4)}.seasonal-conditions-column h5{margin: 0 0 var(--space-4) 0;font-size: var(--text-base);font-weight: var(--font-semibold);color: var(--text-primary);display: flex;align-items: center;gap: var(--space-2)}.seasonal-template-grid{display: grid;grid-template-columns: 1fr;gap: var(--space-3)}.seasonal-template-card{border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: var(--space-3);cursor: pointer;transition: all var(--transition-normal) ease;background: var(--surface-primary);display: flex;flex-direction: column;gap: var(--space-2)}.seasonal-template-card:hover{border-color: var(--taloma-primary);box-shadow: var(--shadow-md);transform: translateY(-1px)}.seasonal-template-card.selected{border-color: var(--taloma-primary);background: var(--taloma-primary-light);box-shadow: 0 0 0 2px var(--taloma-primary-light)}.seasonal-template-header{display: flex;align-items: center;gap: var(--space-2)}.seasonal-template-icon{font-size: var(--text-2xl);min-width: 24px;text-align: center}.seasonal-template-info{flex: 1}.seasonal-template-name{font-weight: var(--font-semibold);color: var(--text-primary);font-size: var(--text-sm);line-height: 1.2}.seasonal-template-category{color: var(--text-secondary);font-size: var(--text-xs);text-transform: uppercase;letter-spacing: 0.5px}.seasonal-template-selected-indicator{color: var(--taloma-primary)}.seasonal-template-content{display: flex;flex-direction: column;gap: var(--space-2)}.seasonal-template-description{font-size: var(--text-sm);color: var(--text-secondary);line-height: 1.3}.seasonal-template-meta{display: flex;flex-wrap: wrap;gap: var(--space-2)}.seasonal-template-badge{display: inline-flex;align-items: center;gap: var(--space-1);background: var(--surface-tertiary);border: 1px solid var(--border-medium);border-radius: var(--radius-xl);padding: 2px var(--space-2);font-size: var(--text-xs);font-weight: var(--font-medium)}.seasonal-template-badge.first-occurrence.nordic-climate{background: linear-gradient(135deg,var(--color-info-light) 0%,#bbdefb 100%);border: 1px solid var(--color-info);color: var(--taloma-primary-dark)}.seasonal-template-badge.seasonal{background: var(--color-warning-light);border-color: var(--color-warning);color: var(--color-warning)}.season-date-group{display: flex;align-items: center;gap: var(--space-1)}.day-input{width: 50px;padding: var(--space-1) var(--space-2);border: 1px solid var(--border-medium);border-radius: var(--radius-sm);text-align: center;font-size: var(--text-sm)}.seasonal-period-description{padding: var(--space-2);background: transparent;border: none;border-radius: 0;font-size: var(--text-xs);color: var(--text-tertiary);font-weight: var(--font-normal);font-style: italic}.condition-row:hover{border-color: var(--border-medium);box-shadow: 0 1px 3px rgba(0,0,0,0.05)}.condition-select:focus{outline: none;border-color: var(--taloma-primary);box-shadow: 0 0 0 3px var(--taloma-primary-light)}.condition-input:focus{outline: none;border-color: var(--taloma-primary);box-shadow: 0 0 0 3px var(--taloma-primary-light)}.condition-unit,.seasonal-preview{margin-top: var(--space-4);padding: var(--space-3);background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: var(--radius-md)}.preview-text{font-size: var(--text-sm);color: var(--text-secondary);font-weight: var(--font-medium);line-height: var(--leading-normal)}.no-template-selected{padding: var(--space-8);text-align: center;color: var(--text-secondary);font-style: italic;background: var(--surface-secondary);border-radius: var(--radius-md);border: 1px dashed var(--border-medium)}.templates-header h5{margin: 0 0 var(--space-4) 0;font-size: var(--text-base);font-weight: var(--font-semibold);color: var(--text-primary)}.seasonal-main-layout{width: 100%}.loading-state,.empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px;text-align: center;gap: var(--space-3)}.empty-icon{font-size: 48px;opacity: 0.5}.validation-section{margin-top: var(--space-4);display: flex;flex-direction: column;gap: var(--space-2)}.validation-error{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-3);background: var(--color-error-light);border: 1px solid var(--color-error-light);border-radius: var(--radius-md);color: var(--color-error);font-size: var(--text-sm)}.natural-language-scheduler{display: flex;flex-direction: column;gap: var(--space-3);width: 100%}.confidence-warning{background: var(--color-warning-light);border-color: var(--color-warning);color: var(--color-warning)}.confidence-high{color: var(--color-success)}.confidence-medium{color: var(--color-warning)}.confidence-low{color: var(--color-error)}.nordic-season-management-panel .season-status-card{background: linear-gradient(135deg,var(--surface-secondary) 0%,var(--surface-tertiary) 100%);border: 1px solid var(--border-light);border-radius: var(--radius-xl);padding: var(--space-4);margin: var(--space-2) 0}.nordic-season-management-panel .season-waiting,.nordic-season-management-panel .season-triggered{display: flex;align-items: flex-start;gap: var(--space-3)}.nordic-season-management-panel .season-text{flex: 1}.nordic-season-management-panel .season-waiting .mud-icon{color: var(--color-warning);margin-top: 2px}.nordic-season-management-panel .season-triggered .mud-icon{margin-top: 2px}.frequency-tab.seasonal{background: linear-gradient(135deg,var(--color-info-light) 0%,#d1e7dd 100%);border: 2px solid var(--color-info);color: var(--color-info);font-weight: var(--font-semibold);gap: var(--space-2)}.frequency-tab.seasonal:hover{background: linear-gradient(135deg,#d1e7dd 0%,#b8dbd3 100%);transform: translateY(-1px)}.frequency-tab.seasonal.active{background: linear-gradient(135deg,var(--color-info) 0%,#004d99 100%);color: var(--text-inverse);border-color: #004d99}.frequency-tab .tab-icon{font-size: var(--text-base)}.template-icon{font-size: var(--text-2xl);width: var(--space-8);text-align: center}.template-info{flex: 1;display: flex;flex-direction: column;gap: var(--space-1)}.template-name{font-weight: var(--font-semibold);color: var(--text-primary);font-size: var(--text-sm)}.template-category{font-size: var(--text-xs);color: var(--text-secondary)}.template-badge{background: linear-gradient(135deg,var(--color-success) 0%,#2e7d32 100%);color: var(--text-inverse);padding: var(--space-1) var(--space-2);border-radius: var(--radius-xl);font-size: var(--text-xs);font-weight: var(--font-semibold);display: flex;align-items: center;gap: var(--space-1);white-space: nowrap}.condition-row:last-child{margin-bottom: 0}.condition-select,.condition-unit,.preview-content{display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-2)}.advanced-toggle{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-3) var(--space-4);background: var(--surface-primary);cursor: pointer;font-weight: var(--font-medium);font-size: var(--text-sm)}.empty-icon{font-size: 48px;margin-bottom: var(--space-4)}.combined-window-input{width: 200px}.pattern-controls-column{flex-direction: column;align-items: flex-start;gap: 12px}.yearly-pattern-container{display: flex;flex-direction: column;gap: var(--space-2);width: 100%}.yearly-radio-option{display: flex;align-items: flex-start;gap: var(--space-2);cursor: pointer}.yearly-radio-input{margin: 2px 0 0 0}.yearly-pattern-content{display: flex;flex-direction: column;gap: var(--space-2);flex: 1}.yearly-month-selection{display: flex;flex-direction: column;gap: var(--space-2)}.yearly-month-row{display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap}.yearly-help-text{color: var(--text-tertiary)}.end-option-control{display: flex;align-items: center;gap: var(--space-1)}.condition-input{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-md);color: var(--text-primary);font-size: var(--text-sm);padding: var(--space-2);text-align: center;transition: all 0.15s ease;width: 70px}.condition-label{color: var(--text-primary);font-size: var(--text-sm);font-weight: var(--font-medium);min-width: fit-content;white-space: nowrap}.condition-select{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-md);color: var(--text-primary);font-size: var(--text-sm);min-width: 100px;padding: var(--space-2) var(--space-3);transition: all 0.15s ease}.condition-unit{color: var(--text-secondary);font-size: var(--text-sm);font-weight: var(--font-medium);white-space: nowrap}.empty-title{color: #374151;font-size: 16px;font-weight: 600;margin-bottom: 8px}.empty-description{color: #6b7280;font-size: 14px;max-width: 300px;text-align: center}.nlp-input-wrapper{position: relative;width: 100%}.nlp-input-wrapper input{width: 100%;padding: 10px 44px 10px 14px;min-height: 40px;border: 1px solid var(--border-light);border-radius: var(--radius-md);background: var(--surface-primary);color: var(--text-primary);font-size: var(--text-sm);font-family: inherit;line-height: 1.5;transition: all var(--transition-fast) ease;outline: none;box-sizing: border-box}.nlp-input-wrapper input:focus{border-color: var(--taloma-primary);box-shadow: 0 0 0 3px var(--taloma-primary-light)}.nlp-input-wrapper input:disabled,.nlp-input-wrapper input:read-only{background: var(--surface-secondary);color: var(--text-secondary);cursor: not-allowed}.nlp-input-wrapper input::placeholder{color: var(--text-tertiary);opacity: 0.7}.nlp-input-adornment{position: absolute;right: var(--space-3);top: 50%;transform: translateY(-50%);display: flex;align-items: center;pointer-events: none}.natural-language-scheduler .processing-indicator{display: flex;flex-direction: column;align-items: stretch;gap: var(--space-2);padding: var(--space-3);background: linear-gradient(135deg,var(--surface-primary) 0%,var(--taloma-primary-light) 100%);border: 1px solid var(--taloma-primary-light);border-left: 3px solid var(--taloma-primary);border-radius: var(--radius-md);margin-top: var(--space-2);box-shadow: 0 2px 8px rgba(37,99,235,0.08);animation: slideIn 0.2s ease-out;position: relative;width: 100%;box-sizing: border-box}.natural-language-scheduler .processing-indicator .mud-progress-linear{border-radius: var(--radius-sm);overflow: hidden;height: 4px}.natural-language-scheduler .processing-indicator span{color: var(--text-secondary);font-size: var(--text-xs);font-weight: var(--font-medium);text-align: center;line-height: 1.2}.yearly-date-row{align-items: center;display: flex;flex-wrap: wrap;gap: var(--space-2)}.condition-row{align-items: center;background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-md);display: flex;flex-wrap: wrap;gap: var(--space-3);margin-bottom: var(--space-4);padding: var(--space-3);transition: all 0.15s ease}.condition-select.month-select{min-width: 110px;width: 120px}.condition-input.small{width: 60px}.seasonal-conditions{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-lg);box-shadow: 0 1px 3px rgba(0,0,0,0.02);display: flex;flex-direction: column;gap: var(--space-4);padding: var(--space-5)}.seasonal-conditions .condition-unit{display: inline-flex;align-items: center;height: var(--space-8);padding: 0 var(--space-2);color: var(--text-secondary);font-size: var(--text-sm);font-weight: var(--font-medium);white-space: nowrap;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: var(--radius-md);line-height: 1;min-width: 40px;justify-content: center}.seasonal-conditions .condition-text{color: var(--text-primary);font-size: var(--text-sm);font-weight: var(--font-medium);white-space: nowrap;display: inline-flex;align-items: center;height: var(--space-8);line-height: 1}.seasonal-conditions .condition-input,.seasonal-conditions .condition-select{height: 36px !important;min-height: 36px !important;max-height: 36px !important;line-height: 1.2 !important;display: inline-flex !important;align-items: center !important;font-size: var(--text-sm) !important;padding: var(--space-2) var(--space-3) !important}.seasonal-conditions .season-date-group{display: flex;align-items: baseline;gap: var(--space-2)}.seasonal-conditions .season-date-group .month-select,.seasonal-conditions .season-date-group .day-input{height: 36px !important;line-height: 1.2 !important;display: inline-flex !important;align-items: center !important;vertical-align: baseline !important;font-size: var(--text-sm) !important;padding: var(--space-2) var(--space-3) !important}.seasonal-conditions .condition-row{align-items: baseline;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: var(--radius-md);display: flex;flex-wrap: wrap;gap: var(--space-3) var(--space-3);row-gap: var(--space-1);margin-bottom: var(--space-4);padding: var(--space-3);transition: all var(--transition-fast) ease;min-height: 48px}.seasonal-conditions .condition-label,.seasonal-conditions .condition-select,.seasonal-conditions .condition-input,.seasonal-conditions .condition-unit,.seasonal-conditions .condition-text{display: inline-flex;align-items: center;height: 36px;vertical-align: baseline;font-size: var(--text-sm)}.seasonal-conditions .condition-row .condition-input.small{width: 60px}.seasonal-conditions .condition-row:hover{border-color: var(--border-medium);box-shadow: 0 1px 3px rgba(0,0,0,0.05)}.seasonal-conditions .condition-label{color: var(--text-primary);font-size: var(--text-sm);font-weight: var(--font-medium);min-width: fit-content;white-space: nowrap;display: inline-flex;align-items: center;height: var(--space-8);line-height: 1}.seasonal-conditions .condition-input:focus,.seasonal-conditions .condition-select:focus{outline: none !important;border-color: var(--taloma-primary) !important;box-shadow: 0 0 0 3px var(--taloma-primary-light) !important}.seasonal-conditions .condition-input.small{width: 60px;min-width: 60px}.seasonal-conditions .condition-input.day-input{width: 70px;min-width: 70px;text-align: center}.seasonal-conditions .condition-select.month-select{min-width: 110px;width: 120px}.seasonal-conditions .seasonal-preview{margin-top: var(--space-4);padding: var(--space-4);background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: var(--radius-md);border-left: 3px solid var(--taloma-primary)}.seasonal-conditions .preview-text{font-size: var(--text-sm);color: var(--text-primary);font-weight: var(--font-medium);line-height: var(--leading-normal)}.break{flex-basis: 100%;height: 0;padding: 0;margin: 0;gap: 0}.nlp-preview{display: flex;flex-direction: column;gap: var(--space-3);padding: var(--space-4);background: linear-gradient(135deg,var(--surface-primary) 0%,var(--taloma-primary-light) 100%);border: 1px solid var(--taloma-primary-light);border-left: 3px solid var(--taloma-primary);border-radius: var(--radius-lg);margin-top: var(--space-3);box-shadow: 0 2px 8px rgba(37,99,235,0.08);animation: slideIn 0.2s ease-out}@keyframes slideIn{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: translateY(0)}}.preview-header{display: flex;align-items: center;gap: var(--space-2);padding-bottom: var(--space-2);border-bottom: 1px solid var(--border-light)}.preview-header .mud-icon{color: var(--taloma-primary);font-size: 18px !important}.preview-header span{color: var(--taloma-primary-dark);font-weight: var(--font-semibold)}.preview-content{display: flex;flex-direction: column;gap: var(--space-3)}.preview-text{font-size: var(--text-sm);color: var(--text-primary);line-height: 1.5;font-weight: var(--font-medium)}.preview-confidence{display: flex;align-items: center;gap: var(--space-2)}.confidence-label{color: var(--text-secondary);font-size: var(--text-xs);font-weight: var(--font-medium);text-transform: uppercase;letter-spacing: 0.5px;min-width: fit-content}.confidence-bar{flex: 1;height: 6px;background: var(--surface-secondary);border-radius: var(--radius-xl);overflow: hidden;box-shadow: inset 0 1px 2px rgba(0,0,0,0.05)}.confidence-fill{height: 100%;background: linear-gradient(90deg,var(--color-success) 0%,var(--taloma-primary) 100%);border-radius: var(--radius-xl);transition: width 0.3s ease;box-shadow: 0 0 4px rgba(37,99,235,0.3)}.confidence-value{color: var(--text-secondary);font-size: var(--text-xs);font-weight: var(--font-semibold);min-width: 36px;text-align: right}.preview-actions{display: flex;justify-content: flex-end;padding-top: var(--space-2);border-top: 1px solid var(--border-light)}.preview-actions .mud-button{box-shadow: 0 1px 3px rgba(37,99,235,0.15);transition: all var(--transition-fast) ease}.preview-actions .mud-button:hover{transform: translateY(-1px);box-shadow: 0 2px 6px rgba(37,99,235,0.25)}.optional-tags-container{display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-3);flex-wrap: wrap !important}.optional-tag-button{text-transform: none !important;font-weight: var(--font-medium) !important;color: var(--gray-600) !important;padding: var(--space-2) var(--space-3) !important;border-radius: var(--radius-md) !important;min-height: 28px !important;font-size: var(--text-sm) !important;transition: all var(--transition-fast) !important;border: 1px dashed var(--border-light) !important;background: transparent !important;box-shadow: none !important}.optional-tag-button:hover{color: var(--gray-700) !important;border-color: var(--border-medium) !important;background-color: var(--gray-50) !important}.optional-tag-button:disabled{opacity: 0.5 !important;cursor: not-allowed !important}.optional-tag-button:disabled:hover{color: var(--gray-500) !important;border-color: var(--border-light) !important;background: transparent !important}.optional-tag-chip{display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-1) var(--space-2);background-color: var(--taloma-primary-light);border: 1px solid var(--taloma-primary);border-radius: var(--radius-full);font-size: var(--text-sm);line-height: 1.2;max-width: 260px;transition: all var(--transition-fast)}.optional-tag-chip:hover{background-color: var(--taloma-primary-light);border-color: var(--taloma-primary-hover)}.tag-value{color: var(--text-primary);font-weight: var(--font-medium);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1;min-width: 0;font-size: var(--text-sm)}.tag-remove-btn{min-width: 18px !important;width: 18px !important;height: 18px !important;color: var(--gray-500) !important;transition: color var(--transition-fast) !important;margin: 0 !important;padding: 0 !important;border-radius: var(--radius-full) !important}.tag-remove-btn:hover{color: var(--color-error) !important;background-color: var(--color-error-light) !important}.optional-tags-container .mud-button{box-shadow: none !important}.optional-tags-container .mud-icon-button{box-shadow: none !important}.optional-tag-button:focus{outline: 2px solid #2563eb;outline-offset: 2px}.optional-tag-chip:focus-within{outline: 2px solid #2563eb;outline-offset: 2px}.tag-cloud-container{width: 100%}.tag-cloud-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--space-3)}.tag-cloud-actions{display: flex;gap: var(--space-2);align-items: center}.new-tag-input{display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-3)}.tag-cloud{display: flex;flex-wrap: wrap;gap: var(--space-2);align-items: center;min-height: 40px}.tag-cloud.selection-mode{padding: var(--space-3);background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: var(--radius-md)}.tag-item{display: inline-flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-3);background-color: var(--taloma-primary-light);border: 1px solid var(--taloma-primary);border-radius: var(--radius-full);font-size: var(--text-sm);font-weight: var(--font-medium);line-height: 1.2;white-space: nowrap;cursor: pointer;user-select: none;transition: all var(--transition-fast)}.tag-item.display:hover{background-color: var(--taloma-primary);color: white;transform: translateY(-1px)}.tag-item.selectable{background: var(--surface-primary);color: var(--text-secondary);border: 1px dashed var(--border-light)}.tag-item.selectable:hover{background: var(--surface-secondary);border-color: var(--border-medium);border-style: solid}.tag-item.selectable.selected{background-color: var(--taloma-primary-light);color: var(--taloma-primary);border: 1px solid var(--taloma-primary);border-style: solid}.tag-item.large{font-size: var(--text-base);font-weight: var(--font-semibold);padding: var(--space-2) var(--space-4)}.tag-item.medium{font-size: var(--text-sm)}.tag-item.small{font-size: var(--text-xs);opacity: 0.85}.tag-check{font-size: 14px !important}.tag-count{opacity: 0.7;font-size: 0.85em}.tag-cloud-loading,.tag-cloud-empty{display: flex;align-items: center;justify-content: center;gap: var(--space-3);padding: var(--space-8);text-align: center;width: 100%}.tag-cloud-loading{flex-direction: column}.custom-dropdown-wrapper{position: relative;display: inline-block}.custom-dropdown-panel{position: absolute;top: calc(100% + 4px);left: 0;min-width: 200px;max-width: 280px;background: var(--surface-elevated);border: 1px solid var(--border-light);border-radius: var(--radius-md);box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);z-index: 100;padding: var(--space-1);animation: customDropdownFadeIn 0.15s ease-out;max-height: 300px;overflow-y: auto}@keyframes customDropdownFadeIn{from{opacity: 0;transform: translateY(-4px)}to{opacity: 1;transform: translateY(0)}}.custom-dropdown-item{display: block;width: 100%;padding: var(--space-2) var(--space-3);text-align: left;background: transparent;border: none;border-radius: var(--radius-sm);cursor: pointer;transition: all var(--transition-fast);color: var(--text-primary);font-size: var(--text-sm);font-weight: var(--font-normal)}.custom-dropdown-item:hover{background: var(--surface-secondary);color: var(--text-primary)}.custom-dropdown-item:active{background: var(--taloma-primary-light);color: var(--taloma-primary)}.custom-dropdown-backdrop{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;background: transparent}.task-action-menu{display: flex;align-items: center;gap: 8px;margin-left: auto}.task-menu-item{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: none;background: transparent;border-radius: 8px;cursor: pointer;transition: all 0.15s ease;color: var(--text-secondary);position: relative}.task-menu-item:hover{background: var(--surface-secondary);color: var(--text-primary)}.task-menu-item:disabled{opacity: 0.5;cursor: not-allowed}.task-menu-item.status-indicator{padding: 6px}.status-circle{width: 10px;height: 10px;border-radius: 50%;transition: all 0.2s ease;border: 1.5px solid var(--gray-300)}.status-circle.active{background-color: var(--color-success);border-color: var(--color-success)}.status-circle.inactive{background-color: var(--gray-200);border-color: var(--gray-300)}.task-menu-item.attachments-indicator{position: relative}.task-menu-item.complete-button:hover{background: var(--color-success-light);color: var(--color-success)}.task-menu-item.delete-button:hover{background: var(--color-error-light);color: var(--color-error)}.task-menu-item.save-button{background: var(--taloma-primary);color: white;border-radius: var(--radius-md);transition: all 0.15s ease}.task-menu-item.save-button:hover:not(:disabled){background: var(--taloma-primary-hover);transform: translateY(-1px);box-shadow: 0 2px 8px rgba(37,99,235,0.3)}.task-menu-item.save-button:disabled{opacity: 0.6;cursor: not-allowed;transform: none;box-shadow: none}.task-menu-item.close-button{margin-left: var(--space-2)}.task-menu-item.close-button:hover{background: var(--surface-secondary);color: var(--text-primary)}.house-selector-compact{margin-left: 8px}.attachment-menu-wrapper{position: relative;display: inline-block}.attachment-dropdown-panel{position: fixed;width: 320px;max-width: 90vw;background: var(--surface-elevated);border: 1px solid var(--border-light);border-radius: 12px;box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);z-index: 9999 !important;padding: 16px;animation: dropdownFadeIn 0.15s ease-out}@keyframes dropdownFadeIn{from{opacity: 0;transform: translateY(-8px) scale(0.95)}to{opacity: 1;transform: translateY(0) scale(1)}}.attachment-count-badge{align-items: center;background: var(--color-info);border-radius: 8px;color: white;display: flex;font-size: 10px;font-weight: 600;height: 16px;justify-content: center;line-height: 1;min-width: 16px;padding: 0 3px;position: absolute;right: -2px;top: -2px}.attachment-panel-header{margin-bottom: 12px}.attachment-panel-title{align-items: center;color: var(--gray-800);display: flex;font-size: var(--text-sm);font-weight: var(--font-semibold);gap: 6px;letter-spacing: -0.012em}.attachment-panel-count{color: var(--text-secondary);font-size: var(--text-label-xs);font-weight: var(--font-normal);letter-spacing: -0.006em}.compact-upload-zone{border: 1px dashed var(--border-medium);border-radius: 8px;cursor: pointer;margin-bottom: 12px;padding: 12px;text-align: center;position: relative}.compact-upload-zone:hover{background: var(--color-info-light);border-color: var(--color-info)}.compact-upload-zone.dragging{background: var(--color-info-light);border-color: var(--color-info)}.compact-upload-content{align-items: center;display: flex;flex-direction: column;gap: 8px;justify-content: center}.compact-upload-text{color: var(--gray-600);font-size: var(--text-sm);letter-spacing: -0.009em;margin: 4px 0}.compact-browse-btn{background: var(--color-info);border: none;color: white;cursor: pointer;font-size: var(--text-body-sm);letter-spacing: -0.009em;padding: 4px 12px;border-radius: 4px;transition: background 0.2s ease;margin-top: 4px}.compact-browse-btn:hover{background: var(--color-info-dark)}.attached-files-list{margin-bottom: 8px;max-height: 120px;overflow-y: auto}.compact-file-item{align-items: center;border-radius: 6px;display: flex;font-size: 12px;gap: 8px;padding: 6px 8px;transition: background 0.15s ease}.compact-file-item:hover{background: var(--surface-secondary)}.compact-file-name{color: var(--gray-800);flex: 1;font-size: var(--text-sm);font-weight: var(--font-medium);letter-spacing: -0.012em;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.compact-file-size{color: var(--text-tertiary);font-size: var(--text-label-xs);font-weight: var(--font-normal);letter-spacing: -0.006em;white-space: nowrap}.compact-file-remove,.compact-file-download{height: 20px !important;opacity: 0.6;width: 20px !important;background: none;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;border-radius: 4px;transition: all 0.15s ease;margin-left: 2px}.compact-file-remove{color: var(--color-error)}.compact-file-download{color: var(--color-primary)}.compact-file-remove:hover{opacity: 1;background: var(--color-error-light)}.compact-file-download:hover{opacity: 1;background: var(--color-primary-light)}.house-selector-compact .compact-house-select{min-width: 140px}.mobile-menu-toggle{display: none;background: white;border: 1.5px solid var(--gray-200);box-shadow: 0 2px 4px rgba(0,0,0,0.04)}.menu-items-container{display: flex;align-items: center;gap: 8px}.menu-item-text{display: none}@media (max-width: 768px){.mobile-menu-toggle{display: flex;background: white;border: 1.5px solid var(--gray-200);color: var(--text-primary);box-shadow: 0 2px 4px rgba(0,0,0,0.04)}.mobile-menu-toggle:hover{background: var(--surface-secondary);border-color: var(--gray-300);box-shadow: 0 4px 12px rgba(0,0,0,0.08);transform: translateY(-2px)}.mobile-menu-toggle:active{transform: translateY(0)}.menu-items-container{display: none;position: absolute;top: calc(100% + 8px);right: 0;background: var(--surface-elevated);border: 1px solid var(--border-light);border-radius: 12px;box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);z-index: 9999 !important;padding: 12px;flex-direction: column;align-items: stretch;min-width: 240px;gap: 8px}.menu-items-container.mobile-open{display: flex}.menu-items-container .task-menu-item,.menu-items-container .form-menu-item{width: 100% !important;height: 40px;justify-content: flex-start;gap: 12px;padding: 0 12px;border-radius: 8px}.menu-items-container .task-menu-item:hover{background: var(--surface-secondary)}.menu-items-container .menu-item-text{display: inline;font-size: 14px;font-weight: 500}.attachment-menu-wrapper .attachment-dropdown-panel{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90vw;max-width: 400px;z-index: 8501 !important}.task-action-menu{position: relative}}.edit-task-page .card-title{display: flex;align-items: center;gap: var(--space-3);font-weight: var(--font-semibold);color: var(--text-primary);font-size: var(--text-base);flex: 1;min-height: 32px}.edit-task-page .card-title .mud-icon{color: var(--text-secondary);flex-shrink: 0;font-size: var(--text-lg) !important}.edit-task-page .card-title span{color: var(--text-primary);font-weight: var(--font-semibold);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 400px;line-height: var(--leading-tight)}@media (max-width: 768px){.edit-task-page .card-title span{white-space: normal;overflow: visible;text-overflow: unset;max-width: none;word-wrap: break-word;line-height: var(--leading-normal)}}.edit-task-page .header-task-name-input{flex: 1;min-width: 0}.edit-task-page .header-task-name-input .mud-input-root{border: none !important;box-shadow: none !important;background: transparent !important;min-height: 28px !important;border-bottom: 1px solid rgba(0,0,0,0.15) !important;border-radius: 0 !important;cursor: text}.edit-task-page .header-task-name-input .mud-input-root-text{padding: 0 !important;font-size: var(--text-base) !important;font-weight: var(--font-semibold) !important;color: var(--text-primary) !important;line-height: var(--leading-tight) !important;padding-bottom: 4px !important}.edit-task-page .header-task-name-input .mud-input{border: none !important;outline: none !important;background: transparent !important;box-shadow: none !important;padding: 2px 0 !important}.edit-task-page .header-task-name-input .mud-input-root:hover{border-bottom-color: var(--taloma-primary) !important}.edit-task-page .header-task-name-input .mud-input-root:focus-within{border-bottom: 2px solid var(--taloma-primary) !important;background: var(--surface-primary) !important}.edit-task-page .header-task-name-input .mud-input::placeholder{color: var(--text-tertiary) !important;font-weight: var(--font-normal) !important;font-style: italic}.edit-task-page .completion-section-title{font-size: var(--text-ui-sm);font-weight: var(--font-semibold);letter-spacing: -0.012em;color: var(--text-secondary)}.edit-task-page .partner-card-subtitle{color: var(--text-secondary)}.edit-task-page .partner-card{padding: var(--space-5);border: 1px solid var(--border-light);border-radius: var(--radius-lg);background: var(--surface-primary);cursor: pointer;transition: all var(--transition-fast)}.edit-task-page .partner-card:hover{border-color: var(--border-medium);box-shadow: 0 2px 8px rgba(0,0,0,0.05);transform: translateY(-1px)}.edit-task-page .partner-name-badge{border-radius: 50px;text-transform: none;font-weight: 600;margin-bottom: 20px}.edit-task-page .partner-logo{height: 35px;max-width: 180px;object-fit: contain}.edit-task-page .partner-company-name{font-weight: 700;color: var(--taloma-primary)}.edit-task-page .partner-description-title{font-weight: 600;margin-bottom: 8px}.edit-task-page .partner-description-text{line-height: 1.6;color: var(--text-secondary)}.edit-task-page .partner-contact-details{display: flex;flex-direction: column;gap: var(--space-2)}.edit-task-page .partner-contact-info{font-weight: 500}.edit-task-page .partner-website-link{font-weight: 500;text-decoration: none}.edit-task-page .nordic-season-management-panel{margin-top: var(--space-4)}.edit-task-page .season-management-content{padding: var(--space-4)}.edit-task-page .current-season-status{margin-bottom: var(--space-4)}.edit-task-page .season-status-card{padding: var(--space-4);background: var(--surface-secondary);border-radius: var(--radius-md);border: 1px solid var(--border-light)}.edit-task-page .season-waiting,.edit-task-page .season-triggered{display: flex;align-items: center;gap: var(--space-3)}.edit-task-page .season-text{flex: 1}.edit-task-page .season-reset-section{margin-top: var(--space-4)}.edit-task-page .season-info-section{margin-top: var(--space-4)}.edit-task-page .season-info-grid{display: grid;gap: var(--space-3)}.edit-task-page .main-content-container{padding: var(--space-6) var(--space-6)}.edit-task-page .card-header{padding: var(--space-5)}.edit-task-page .card-header::after,.edit-house-log-page .card-header::after{background: none}.edit-task-page .card-content{padding: var(--space-6) var(--space-10)}@media (max-width: 768px){.edit-task-page .card-header,.edit-house-log-page .card-header{background: transparent !important}.edit-task-page .card-header{padding: var(--space-5)}.edit-task-page .mud-input-adornment-start{display: none}.edit-task-page .card-content{padding: var(--space-2) var(--space-2)}.edit-task-page .mud-grid-spacing-xs-6{width: calc(100%);margin-left: 0px}}.edit-task-page .mud-grid-item{margin-bottom: var(--space-4) !important}.edit-task-page .mud-grid[guttersize="4"] > .mud-grid-item{padding: var(--space-2) !important}.edit-task-page .form-section{margin-bottom: var(--space-5)}.edit-task-page .form-section-title{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--text-primary);margin-bottom: var(--space-3);display: flex;align-items: center;gap: var(--space-2)}.edit-task-page .form-section-title .mud-icon{font-size: var(--text-base);color: var(--text-secondary)}.subtle-warning-icon{color: #f59e0b !important}.edit-task-page .mud-checkbox{color: var(--text-primary)}.edit-task-page .mud-checkbox .mud-button-root{padding: var(--space-2);border-radius: var(--radius-sm)}.edit-task-page .mud-checkbox-input:checked ~ .mud-button-root{background: var(--taloma-primary) !important;border-color: var(--taloma-primary) !important}.edit-task-page .mud-button-text{text-transform: none;font-weight: var(--font-medium)}.edit-task-page .mud-button-outlined{text-transform: none;font-weight: var(--font-medium)}.edit-task-page .mud-button-filled{font-weight: var(--font-medium)}.edit-task-page .mud-alert{border-radius: var(--radius-md);font-size: var(--text-sm)}.edit-task-page .mud-alert.mud-alert-text{background: transparent;border: 1px solid}.edit-task-page .mud-alert-text.mud-alert-warning{border-color: #f59e0b;color: #92400e;background: #fef3c7}.edit-task-page .mud-alert-text.mud-alert-error{border-color: #ef4444;color: #dc2626;background: #fee2e2}.edit-task-page .tags-column{display: flex;align-items: flex-start;gap: var(--space-2);flex-wrap: wrap}.edit-task-page .form-actions-with-complete{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);flex-wrap: wrap}@media (max-width: 768px){.edit-task-page .card-content .mud-grid{display: flex;flex-direction: column}.edit-task-page .mud-grid-item:nth-child(1){order: 1}.edit-task-page .mud-grid-item:nth-child(3){order: 2}.edit-task-page .mud-grid-item:nth-child(2){order: 3}.edit-task-page .mud-grid-item:nth-child(n+4){order: 4}.scheduling-summary .summary-header{flex-direction: column;align-items: normal}}.edit-task-page .task-action-menu{display: flex;align-items: center;gap: var(--space-1)}.edit-task-page .partner-card{transition: all 0.2s ease}.edit-task-page .mud-button-filled-primary{background: var(--taloma-primary) !important;box-shadow: 0 1px 3px rgba(37,99,235,0.3) !important;border: none !important;font-weight: var(--font-semibold) !important;transition: all 0.15s ease !important}.edit-task-page .mud-button-filled-primary:hover{background: var(--taloma-primary-hover) !important;box-shadow: 0 2px 8px rgba(37,99,235,0.4) !important;transform: translateY(-1px)}.edit-task-page .processing-overlay{display: flex;align-items: center;gap: var(--space-2);padding: var(--space-3);background: var(--surface-secondary);border-radius: var(--radius-md);border: 1px solid var(--border-light);color: var(--text-secondary);font-size: var(--text-sm)}.edit-task-page .validation-errors .mud-alert{margin-bottom: var(--space-2);font-size: var(--text-sm);border-left: 3px solid var(--color-error)}.subtle-info-icon{color: #3b82f6 !important}.subtle-success-icon{color: #10b981 !important}.subtle-primary-icon{color: var(--taloma-primary) !important}.attachment-menu-wrapper{position: relative;display: inline-block}@keyframes dropdownFadeIn{from{opacity: 0;transform: translateY(-8px) scale(0.95)}to{opacity: 1;transform: translateY(0) scale(1)}}.attachment-panel-header{margin-bottom: 12px}.attachment-panel-title{display: flex;align-items: center;gap: 6px;font-size: var(--text-ui-sm);font-weight: var(--font-medium);letter-spacing: -0.012em;color: var(--text-primary)}.attachment-panel-count{color: var(--text-secondary);font-size: var(--text-label-xs);font-weight: var(--font-normal);letter-spacing: -0.006em}.compact-upload-zone{border: 1px dashed var(--border-medium);border-radius: 8px;padding: 12px;margin-bottom: 12px;transition: all 0.2s ease;cursor: pointer;text-align: center;position: relative}.compact-upload-zone:hover{border-color: var(--taloma-primary);background: var(--taloma-primary-light)}.compact-upload-content{display: flex;flex-direction: column;align-items: center;gap: 8px;justify-content: center}.compact-upload-text{font-size: var(--text-body-sm);color: var(--text-secondary);letter-spacing: -0.009em;margin: 4px 0}.compact-browse-btn{background: var(--color-info);border: none;color: white;cursor: pointer;font-size: var(--text-body-sm);letter-spacing: -0.009em;padding: 4px 12px;border-radius: 4px;transition: background 0.2s ease;margin-top: 4px;font-weight: var(--font-medium)}.compact-browse-btn:hover{background: var(--color-info-dark)}.attached-files-list{max-height: 200px;overflow-y: auto;margin-bottom: 8px}.compact-file-item{display: flex;align-items: center;gap: 8px;padding: 8px;border-radius: 6px;transition: background 0.15s ease;font-size: 12px;margin-bottom: 4px}.compact-file-item:hover{background: var(--surface-secondary)}.compact-file-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--text-primary);font-size: var(--text-ui-sm);font-weight: var(--font-medium);letter-spacing: -0.012em}.compact-file-size{color: var(--text-tertiary);font-size: var(--text-label-xs);font-weight: var(--font-normal);letter-spacing: -0.006em;white-space: nowrap}.compact-file-download,.compact-file-remove{width: 24px !important;height: 24px !important;padding: 4px !important;border-radius: 4px;transition: all 0.15s ease;border: none;background: transparent;cursor: pointer;display: flex;align-items: center;justify-content: center}.compact-file-download{color: var(--color-info)}.compact-file-download:hover{background: var(--color-info-light);color: var(--color-info-dark)}.compact-file-remove{color: var(--text-tertiary)}.compact-file-remove:hover{background: var(--color-error-light);color: var(--color-error)}.house-selector-compact{margin-left: 8px}.house-selector-compact .compact-house-select{min-width: 160px;font-size: var(--text-sm)}.form-action-menu .house-selector-compact .mud-input-outlined fieldset{border: 1.5px solid var(--gray-200);background: white}.form-action-menu .house-selector-compact .mud-select:hover fieldset{border-color: var(--gray-300)}.form-page .field-group-content .category-task-type-selector{width: 100%}.form-page .tags-column{width: 100%}@media (max-width: 768px){.attachment-dropdown-panel{width: 340px;max-width: calc(100vw - 32px);right: -8px}.house-selector-compact{margin-left: 0;margin-bottom: 8px}.house-selector-compact .compact-house-select{min-width: 100%}.form-action-menu{flex-wrap: wrap}}.form-menu-item.attachments-indicator{position: relative}.form-page .form-loading-state{min-height: 400px}.multi-file-uploader{display: flex;align-items: flex-start;gap: 8px}.upload-button{margin-right: 4px;margin-top: 4px}.hidden-input{display: none}.urgent-tasks-container{position: relative}.task-item:has(.task-status.overdue)::before{background: var(--status-overdue);box-shadow: 0 0 8px var(--status-overdue-light)}.task-item:has(.task-status.urgent)::before{background: var(--status-due-soon);box-shadow: 0 0 8px var(--status-urgent-light)}.task-item:has(.task-status.weather-triggered)::before{background: var(--color-warning);box-shadow: 0 0 8px var(--color-warning-light)}.task-item:has(.task-status.kanban)::before{background: var(--taloma-primary);box-shadow: 0 0 8px var(--taloma-primary-light)}.task-item:has(.task-status.due-soon)::before{background: var(--status-due-soon);box-shadow: 0 0 8px var(--status-due-soon-light)}.task-item:has(.task-status.upcoming)::before{background: var(--status-upcoming);box-shadow: 0 0 8px var(--status-upcoming-light)}.task-item:has(.task-status.weather-seasonal)::before{background: var(--status-weather-seasonal);box-shadow: 0 0 8px var(--status-weather-seasonal-light)}@media (hover: hover) and (pointer: fine){.task-item:hover{transform: translateY(-1px);border-color: rgba(156,163,175,0.7);box-shadow: 0 4px 12px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04),0 0 0 1px rgba(255,255,255,0.9)}}.task-status{width: 24px;height: 24px;border-radius: 6px;border: 1px solid rgba(255,255,255,0.8);box-shadow: 0 1px 3px rgba(0,0,0,0.1)}.task-status .mud-icon{font-size: 14px}.task-meta{gap: 8px;margin-top: 6px}.task-date,.task-house{font-size: 11px;font-weight: 500;padding: 3px 8px;border-radius: 4px;background: rgba(248,250,252,0.8);border: 1px solid rgba(226,232,240,0.4);color: var(--text-secondary)}.task-date.overdue{background: var(--status-overdue-light);border-color: var(--status-overdue);color: var(--status-overdue);font-weight: var(--font-semibold)}.task-date.weather-seasonal{background: var(--status-weather-seasonal-light);border-color: var(--status-weather-seasonal);color: var(--status-weather-seasonal);font-weight: var(--font-semibold)}.weather-triggered-indicator{font-size: 11px;font-weight: var(--font-semibold);padding: 3px 8px;border-radius: 4px;background: var(--color-warning-light);border: 1px solid var(--color-warning);color: var(--color-warning)}.task-status.weather-triggered{background: var(--color-warning-light);border-color: var(--color-warning)}.task-status.weather-triggered .mud-icon{color: var(--color-warning)}.task-status.kanban{background: var(--taloma-primary-light);border-color: var(--taloma-primary)}.task-status.kanban .mud-icon{color: var(--taloma-primary)}.kanban-context{font-size: 11px;font-weight: 500;padding: 3px 8px;border-radius: 4px;background: rgba(248,250,252,0.8);border: 1px solid rgba(226,232,240,0.4);color: var(--text-secondary)}.task-assigned{font-size: 11px;font-weight: 500;padding: 3px 8px;border-radius: 4px;background: rgba(248,250,252,0.8);border: 1px solid rgba(226,232,240,0.4);color: var(--text-secondary)}@media (hover: hover) and (pointer: fine){.task-item:hover .task-actions{opacity: 1;pointer-events: auto}}.task-actions{opacity: 0;pointer-events: none;transition: opacity 0.2s ease}@media (max-width: 768px){.task-actions{opacity: 1 !important;pointer-events: auto !important}}.task-action{opacity: 0.7;transition: all 0.2s ease;cursor: pointer}@media (hover: hover) and (pointer: fine){.task-action:hover{opacity: 1;transform: scale(1.05)}}.empty-state{text-align: center;padding: 12px 0px 0px;color: var(--text-secondary)}.empty-state .mud-icon{font-size: 2.5rem;color: var(--color-success);margin-bottom: 12px;opacity: 0.7}.card-header::after{content:'';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg,transparent 0%,rgba(220,38,38,0.3) 20%,rgba(234,88,12,0.3) 80%,transparent 100%);opacity: 0.6}@media (max-width: 768px){.card-header::after{content:none !important}}.card-menu-dropdown{position: relative;display: inline-flex;z-index: 10}.card-menu-trigger{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: var(--radius-md);background: transparent;border: none;color: var(--text-secondary);cursor: pointer;transition: all var(--transition-fast);outline: none}.card-menu-trigger:hover{background: var(--gray-100);color: var(--text-primary);transform: scale(1.05)}.card-menu-trigger:active{transform: scale(0.95);background: var(--gray-200)}.card-menu-trigger .mud-icon{font-size: 18px}.card-menu-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;background: transparent}.card-menu-content{position: absolute;top: calc(100% + 4px);right: 0;min-width: 160px;background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: 8px;box-shadow: 0 8px 25px 0 rgba(0,0,0,0.1),0 4px 12px 0 rgba(0,0,0,0.06);z-index: 1000;overflow: hidden;animation: card-menu-appear 0.15s ease-out}@keyframes card-menu-appear{0%{opacity: 0;transform: translateY(-4px) scale(0.95)}100%{opacity: 1;transform: translateY(0) scale(1)}}.card-menu-item{display: flex;align-items: center;gap: 12px;width: 100%;padding: 10px 14px;background: transparent;border: none;text-align: left;font-size: 14px;font-weight: 400;color: var(--text-primary);cursor: pointer;transition: all var(--transition-fast);outline: none;border-radius: 0}.card-menu-item:hover{background: var(--gray-50);color: var(--text-primary)}.card-menu-item:active{background: var(--gray-100)}.card-menu-item.danger{color: var(--status-error)}.card-menu-item.danger:hover{background: var(--status-error-light);color: var(--status-error)}.card-menu-item:disabled{opacity: 0.5;cursor: not-allowed;color: var(--text-disabled)}.card-menu-item:disabled:hover{background: transparent}.card-menu-item .mud-icon{font-size: 16px;flex-shrink: 0;color: currentColor}.card-menu-item span{flex: 1;white-space: nowrap;line-height: 1.2}.card-menu-item.has-separator::after{content:'';position: absolute;bottom: 0;left: 14px;right: 14px;height: 1px;background: var(--border-light)}@media (max-width: 768px){.card-menu-content{min-width: 140px}.card-menu-item{padding: 12px 14px;font-size: 15px}.card-menu-trigger{width: 36px;height: 36px}}.card-header .card-actions .card-menu-dropdown{margin-left: 8px}.card-header{position: relative;z-index: 1}.content-card .card-header .card-menu-dropdown .card-menu-content{z-index: 1001}.wizard-container{max-width: 1200px;margin: 0 auto;padding: 0px;min-height: calc(100vh - 64px);display: flex;flex-direction: column;position: relative}.wizard-loading{display: flex;justify-content: center;align-items: center;min-height: 400px}.wizard-subtitle{opacity: 0.9;margin-top: 8px}.progress-text{text-align: center;margin-top: 8px}.grid-two-one{display: grid;grid-template-columns: 2fr 1fr;gap: 24px;align-items: start}.grid-two-equal{display: grid;grid-template-columns: repeat(2,1fr);gap: 16px}.with-icon .mud-icon{margin-right: 8px}.mb-2{margin-bottom: 8px}.mr-2{margin-right: 8px}.mt-1{margin-top: 4px}.validation-alert{background-color: #ffebee !important;border: 1px solid #f44336 !important;border-left: 4px solid #d32f2f !important}.validation-alert .mud-alert-message{color: #d32f2f !important}.validation-title{color: #d32f2f !important;font-weight: 600 !important}.validation-list{color: #d32f2f !important}.validation-item{color: #d32f2f !important}.shake-animation{animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform: translate3d(-1px,0,0)}20%,80%{transform: translate3d(2px,0,0)}30%,50%,70%{transform: translate3d(-4px,0,0)}40%,60%{transform: translate3d(4px,0,0)}}.image-container{position: relative;width: 100%;height: 250px;border-radius: 12px;overflow: hidden;background: #f5f5f5;display: flex;align-items: center;justify-content: center}.image-container img{width: 100%;height: 100%;object-fit: cover}.image-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s}.image-container:hover .image-overlay{opacity: 1}.wizard-container .wizard-header{background: linear-gradient(135deg,#1976d2 0%,#1565c0 100%);color: white;padding: 24px;border-radius: 12px;margin-bottom: 24px;text-align: center}.onboarding-overlay-container .wizard-container .wizard-header{border-radius: 0px}.wizard-container .wizard-progress{margin: 20px 0}.wizard-container .step-container{background: white;border-radius: 12px;padding: 24px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);margin-bottom: 20px;flex: 1;min-height: 400px;display: flex;flex-direction: column}.wizard-container .step-title{font-size: 1.5rem;font-weight: 600;margin-bottom: 8px;color: #1976d2}.wizard-container .step-description{color: #666;margin-bottom: 24px;font-style: italic}.wizard-container .form-field{margin-bottom: 15px}.wizard-container .form-field label{font-weight: 500;margin-bottom: 8px;display: block;color: #424242}.wizard-container .wizard-content{flex: 1;display: flex;flex-direction: column;padding-bottom: 100px}.wizard-container .wizard-navigation{display: flex;justify-content: space-between;align-items: center;padding: 20px;background: white;border-top: 1px solid #e0e0e0;position: fixed;bottom: 0;left: calc(125px + 50%);transform: translateX(-50%);width: calc(100% - 250px);max-width: 1200px;z-index: 1002;box-shadow: 0 -2px 8px rgba(0,0,0,0.1)}.onboarding-wizard-overlay .wizard-container .wizard-navigation{display: flex;justify-content: space-between;align-items: center;padding: 20px;background: white;border-top: 1px solid #e0e0e0;position: fixed;bottom: 0;left: calc(50%);transform: translateX(-50%);width: calc(100% - 250px);max-width: 1200px;z-index: 1002;box-shadow: 0 -2px 8px rgba(0,0,0,0.1)}.wizard-container .feature-row{display: grid;grid-template-columns: 2fr 2fr 1fr;gap: 16px;align-items: start;padding: 16px;border: 1px solid #e0e0e0;border-radius: 8px;margin-bottom: 12px;background: #fafafa}.wizard-container .feature-name-container{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start}.wizard-container .feature-select-container{display: flex;flex-direction: column;gap: 8px}.wizard-container .feature-date-container{display: flex;flex-direction: column;gap: 8px;align-self: end}.wizard-container .mud-picker-calendar-header-switch,.mud-picker-calendar-header-switch{cursor: pointer !important;padding: 8px 12px !important;border-radius: 6px !important;transition: all 0.2s ease !important;background-color: transparent !important;border: 1px solid transparent !important;font-weight: 500 !important;color: var(--text-primary) !important;position: relative !important}.wizard-container .mud-picker-calendar-header-switch:hover,.mud-picker-calendar-header-switch:hover{background-color: rgba(37,99,235,0.05) !important;border-color: rgba(37,99,235,0.2) !important;color: var(--taloma-primary) !important;transform: translateY(-1px) !important;box-shadow: 0 2px 4px rgba(37,99,235,0.1) !important}.wizard-container .mud-picker-calendar-header-switch:active,.mud-picker-calendar-header-switch:active{transform: translateY(0) !important;background-color: rgba(37,99,235,0.08) !important}.wizard-container .mud-picker-calendar-header-switch::after,.mud-picker-calendar-header-switch::after{content:'▼' !important;font-size: 10px !important;color: var(--text-secondary) !important;margin-left: 4px !important;transition: color 0.2s ease !important;opacity: 0.7 !important}.wizard-container .mud-picker-calendar-header-switch:hover::after,.mud-picker-calendar-header-switch:hover::after{color: var(--taloma-primary) !important;opacity: 1 !important}.wizard-container .feature-row.selected{border-color: #1976d2;background: #f3f7ff}.wizard-container .not-in-use-option{color: #666;font-style: italic}.wizard-container .feature-group{margin-bottom: 20px}.wizard-container .feature-group .feature-name-container{margin-bottom: 12px;padding-left: 16px}.wizard-container .feature-group.has-selections .feature-name-container{border-left: 3px solid #1976d2}.wizard-container .select-with-actions{display: flex;align-items: center;gap: 8px}.wizard-container .select-with-actions .mud-select{flex: 1}.wizard-container .remove-button{flex-shrink: 0}.wizard-container .add-another-container{margin-top: 8px;padding-left: 16px}.wizard-container .add-another-button{font-size: 0.875rem;text-transform: none}.wizard-container .wizard-header div{color: white}.wizard-container .text-white{color: white}@media (max-width: 768px){.wizard-container{padding: 16px 12px 0px 12px}.wizard-container .wizard-content{padding-bottom: 180px}.wizard-container .form-field .mud-input-control .mud-input-control-input-container .mud-input{min-height: 48px}.wizard-container .form-field .mud-select .mud-input{min-height: 48px}.wizard-container .form-field{margin-bottom: 20px}.wizard-container .feature-row{grid-template-columns: 1fr;gap: 16px;padding: 20px}.wizard-container .wizard-navigation{padding: 20px 16px;padding-bottom: calc(20px + env(safe-area-inset-bottom));box-shadow: 0 -4px 12px rgba(0,0,0,0.15);bottom: 60px;left: 50%;width: calc(100% - 24px);max-width: calc(1200px - 24px)}.wizard-navigation .mud-button{min-height: 44px;font-size: 0.9rem}.wizard-container .step-container{padding: 20px 16px;margin-bottom: 16px}.wizard-container .step-container .grid-two-equal{grid-template-columns: 1fr !important;gap: 20px !important}.wizard-container .wizard-header{padding: 20px 16px;margin-bottom: 20px}.wizard-container .step-container .grid-two-one{grid-template-columns: 1fr !important;gap: 20px !important}}@media (min-width: 769px) and (max-width: 1024px){.wizard-container{padding: 0px}.wizard-container .step-container{padding: 24px 20px}.wizard-container .wizard-navigation{bottom: 0;left: calc(125px + 50%);width: calc(100% - 250px);max-width: 1200px}}@media (min-width: 1025px){.wizard-container .wizard-navigation{bottom: 0;left: calc(125px + 50%);width: calc(100% - 250px);max-width: 1200px}}.welcome-screen{min-height: calc(100vh - 140px);background: linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding: var(--space-6) var(--space-4);display: flex;align-items: flex-start;justify-content: center}.welcome-screen .welcome-container{max-width: 1200px;width: 100%;display: grid;gap: var(--space-6)}.welcome-screen .welcome-hero{text-align: center;padding: var(--space-4) 0;position: relative}.welcome-screen .hero-badge{display: inline-flex;align-items: center;gap: var(--space-2);background: var(--taloma-primary-light);color: var(--taloma-primary);padding: var(--space-2) var(--space-4);border-radius: 50px;font-size: var(--text-sm);font-weight: var(--font-medium);margin-bottom: var(--space-4);border: 1px solid rgba(37,99,235,0.2)}.welcome-screen .badge-icon{font-size: 1rem !important}.welcome-screen .hero-title{font-size: clamp(2.0rem,4vw,3rem);font-weight: var(--font-bold);line-height: 1.1;margin: 0 0 var(--space-3) 0;color: var(--text-primary);letter-spacing: -0.02em}.welcome-screen .title-highlight{background: linear-gradient(135deg,var(--taloma-primary) 0%,#3b82f6 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.welcome-screen .hero-subtitle{font-size: var(--text-xl);color: var(--text-secondary);margin: 0;max-width: 600px;margin-left: auto;margin-right: auto;line-height: 1.6}.welcome-screen .ai-assistant-image{position: absolute;top: 0;right: 0;width: 160px;z-index: 1}.welcome-screen .ai-assistant-image img{width: 100%;height: 100%}.welcome-screen .content-grid{display: grid;grid-template-columns: 1fr 400px;gap: var(--space-8);align-items: start}.welcome-screen .features-section{display: flex;flex-direction: column}.welcome-screen .features-grid{display: grid;gap: var(--space-5)}.welcome-screen .feature-card{background: rgba(255,255,255,0.8);backdrop-filter: blur(10px);border-radius: var(--radius-2xl);padding: var(--space-6);border: 1px solid rgba(255,255,255,0.3);transition: all var(--transition-normal);position: relative;overflow: hidden;display: flex;gap: var(--space-4);align-items: flex-start}.welcome-screen .feature-card::before{content:'';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.6),transparent)}.welcome-screen .feature-card:hover{transform: translateY(-4px);box-shadow: 0 20px 40px rgba(0,0,0,0.1);border-color: rgba(255,255,255,0.5)}.welcome-screen .feature-icon{width: 48px;height: 48px;border-radius: var(--radius-xl);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.welcome-screen .ai-icon{background: linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%)}.welcome-screen .weather-icon{background: linear-gradient(135deg,#06b6d4 0%,#0ea5e9 100%)}.welcome-screen .sync-icon{background: linear-gradient(135deg,#10b981 0%,#059669 100%)}.welcome-screen .feature-icon .mud-icon{color: white !important;font-size: 1.5rem !important}.welcome-screen .feature-content{flex: 1;display: flex;flex-direction: column}.welcome-screen .feature-card h3{font-size: var(--text-xl);font-weight: var(--font-semibold);margin: 0 0 var(--space-3) 0;color: var(--text-primary)}.welcome-screen .feature-card p{font-size: var(--text-base);color: var(--text-secondary);line-height: 1.6;margin: 0}.welcome-screen .cta-section{position: sticky;top: var(--space-8)}.welcome-screen .cta-card{background: white;border-radius: var(--radius-2xl);padding: var(--space-8);box-shadow: 0 10px 40px rgba(0,0,0,0.1);border: 1px solid var(--border-light)}.welcome-screen .cta-header{text-align: center;margin-bottom: var(--space-6)}.welcome-screen .cta-header h2{font-size: var(--text-2xl);font-weight: var(--font-semibold);margin: 0 0 var(--space-4) 0;color: var(--text-primary)}.welcome-screen .cta-header p{font-size: var(--text-base);color: var(--text-secondary);line-height: 1.6;margin: 0}.welcome-screen .benefits-list{display: flex;flex-direction: column;gap: var(--space-3);margin-bottom: var(--space-6)}.welcome-screen .benefit-item{display: flex;align-items: center;gap: var(--space-3)}.welcome-screen .benefit-icon{width: 32px;height: 32px;border-radius: var(--radius-lg);background: var(--taloma-primary-light);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.welcome-screen .benefit-icon .mud-icon{color: var(--taloma-primary) !important;font-size: 1rem !important}.welcome-screen .benefit-item span{font-size: var(--text-sm);color: var(--text-secondary);line-height: 1.5}.welcome-screen .progress-steps{display: flex;align-items: center;justify-content: center;gap: var(--space-2);padding-top: var(--space-4);border-top: 1px solid var(--border-light)}.welcome-screen .step-item{display: flex;flex-direction: column;align-items: center;gap: var(--space-2);opacity: 0.5;transition: opacity var(--transition-normal)}.welcome-screen .step-item.active{opacity: 1}.welcome-screen .step-number{width: 32px;height: 32px;border-radius: var(--radius-full);background: var(--gray-200);display: flex;align-items: center;justify-content: center;font-weight: var(--font-semibold);font-size: var(--text-sm);color: var(--text-tertiary);border: 2px solid var(--border-light)}.welcome-screen .step-item.active .step-number{background: var(--taloma-primary);color: white;border-color: var(--taloma-primary)}.welcome-screen .step-item span{font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--text-tertiary);text-align: center;white-space: nowrap}.welcome-screen .step-item.active span{color: var(--text-primary)}.welcome-screen .step-connector{width: 24px;height: 2px;background: var(--border-light);margin: 0 var(--space-2);margin-bottom: 20px}@media (max-width: 1024px){.welcome-screen .content-grid{grid-template-columns: 1fr;gap: var(--space-8)}.welcome-screen .cta-section{position: static}.welcome-screen .hero-title{font-size: clamp(1.75rem,5vw,2.5rem);text-align: left}}@media (max-width: 768px){.welcome-screen{min-height: calc(100vh - 120px);padding: var(--space-4) var(--space-3)}.welcome-screen .welcome-container{gap: var(--space-6)}.welcome-screen .welcome-hero{padding: var(--space-4) 0}.welcome-screen .ai-assistant-image{width: 120px;height: 69px;top: var(--space-2);right: var(--space-2)}.welcome-screen .hero-subtitle{font-size: var(--text-lg);text-align: left;margin-top: 30px}.welcome-screen .feature-card{padding: var(--space-6)}.welcome-screen .cta-card{padding: var(--space-2)}.welcome-screen .progress-steps{flex-direction: column;gap: var(--space-4)}.welcome-screen .step-connector{width: 2px;height: 20px;margin: 0}.welcome-screen .step-item span{white-space: normal;text-align: center;max-width: 80px}.welcome-screen .features-grid{display: none}.welcome-screen .cta-card{background: white;border-radius: var(--radius-2xl);padding: var(--space-4);box-shadow: 0 10px 40px rgba(0,0,0,0.1);border: 1px solid var(--border-light)}.welcome-screen .progress-steps{display: none}}@media (max-width: 480px){.welcome-screen .hero-badge{display: none}.welcome-screen .ai-assistant-image{top: var(--space-1);right: var(--space-1)}.welcome-screen .features-grid{gap: var(--space-4)}.welcome-screen .feature-card{padding: var(--space-5)}}.mobile-wizard-header .text-h5{color:white}.text-white{color: white}.category-progress-indicator{margin-bottom: 20px;padding: 0;background: transparent;border-radius: 0;text-align: left}.category-progress-indicator .mud-typography{font-size: 13px;color: #9e9e9e;font-weight: 400}.mobile-feature-category-content{padding: 8px 0 0 0;margin-top: 0}.category-description{font-size: 14px;color: #757575;font-style: normal;margin-bottom: 16px;padding: 0;background: transparent;border-radius: 0;line-height: 1.5}.mobile-feature-accordion{margin-bottom: 0;border: none;border-bottom: 1px solid #f0f0f0;border-radius: 0;overflow: hidden;background: transparent}.mobile-feature-accordion:last-child{border-bottom: none}.feature-accordion-header{display: flex;justify-content: space-between;align-items: center;padding: 16px 12px;background: #fafafa;cursor: pointer;transition: all 0.15s ease;user-select: none;border-radius: 4px;margin-bottom: 2px}.feature-accordion-header:hover{background: #f0f0f0}.feature-accordion-header.expanded{background: #f5f5f5;border-bottom: none;margin-bottom: 0}.feature-header-content{display: flex;align-items: center;gap: 12px;flex: 1}.feature-name{font-weight: 500;font-size: 15px;color: #212121}.feature-header-content .mud-chip{height: 20px;font-size: 12px;font-weight: 500;background-color: #e8f5e9 !important;color: #2e7d32 !important}.feature-items-container{padding: 12px 0 8px 28px;animation: slideDown 0.3s ease-out;display: flex;flex-direction: column;gap: 0}@keyframes slideDown{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}.feature-item-card{padding: 14px 16px;background: white;border: 1px solid #e8e8e8;border-radius: 6px;cursor: pointer;transition: all 0.15s ease;user-select: none;-webkit-tap-highlight-color: transparent;margin-bottom: 8px}.feature-item-card:last-child{margin-bottom: 0}.feature-item-card:hover{border-color: #d0d0d0;box-shadow: 0 1px 3px rgba(0,0,0,0.06)}.feature-item-card:active{transform: scale(0.99)}.feature-item-card.selected{background: #f0f7f4;border-color: #4caf50;box-shadow: 0 1px 3px rgba(76,175,80,0.12)}.feature-item-content{display: flex;justify-content: space-between;align-items: center;gap: 12px}.feature-item-name{font-size: 15px;color: #333;flex: 1;line-height: 1.5}.feature-item-card.selected .feature-item-name{color: #333}.selection-indicator{color: #4caf50;font-size: 20px !important;flex-shrink: 0;opacity: 0.9}.no-features-message,.no-categories-message{padding: 40px 20px;text-align: center}.mobile-step-title{font-size: 20px;font-weight: 600;color: #212121;margin-bottom: 8px;display: flex;align-items: center}.mobile-step-title .mud-icon{margin-right: 8px;color: #757575;font-size: 24px}.mobile-step-description{font-size: 14px;color: #757575;margin-bottom: 24px;line-height: 1.5;font-weight: 400}.mobile-feature-accordion,.feature-accordion-header,.feature-item-card{transition: all 0.2s ease}@media (max-width: 768px){.mobile-step-title{font-size: 18px}.feature-name{font-size: 14px}.feature-item-name{font-size: 14px}.feature-item-card{padding: 12px 14px}.feature-accordion-header{padding: 14px 8px}.feature-items-container{padding: 0 0 0 20px}.category-progress-indicator .mud-typography{font-size: 12px}.selection-indicator{font-size: 18px !important}}.mobile-page-container{max-width: 1200px;margin: 0 auto;padding: 20px}.house-management .section-header{font-size: 1rem;font-weight: 600;margin-bottom: 8px;color: #1976d2;padding-left:0px}.form-field-label{font-weight: 500;margin-bottom: 8px;display: block;color: #424242}.mobile-form-field{margin-bottom: 10px}.form-section{background: white;border-radius: 12px;padding: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);margin-bottom: 12px}.form-section.compact{padding: 14px}.compact .form-field-label{margin-bottom: 4px;font-size: 0.85rem}.compact .mobile-form-field{margin-bottom: 2px}.compact .mud-input,.compact .mud-select .mud-input{min-height: 20px}.compact .mud-input-control .mud-input-control-input-container textarea{min-height: 50px !important}.house-image-container{position: relative;width: 100%;height: 180px;border-radius: 12px;overflow: hidden;background: #f5f5f5;display: flex;align-items: center;justify-content: center}.upload-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s}.house-image-container:hover .upload-overlay{opacity: 1}.feature-category-accordion{border: 1px solid #e0e0e0;border-radius: 12px;margin-bottom: 12px;overflow: hidden}.feature-category-header{background: linear-gradient(135deg,#1976d2 0%,#1565c0 100%);color: white !important;padding: 16px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: background 0.3s}.feature-category-header:hover{background: linear-gradient(135deg,#1565c0 0%,#0d47a1 100%)}.feature-category-content{padding: 16px;background: white}.feature-selection-card{border: 1px solid #e0e0e0;border-radius: 8px;padding: 16px;margin-bottom: 12px;background: #fafafa;position: relative}.feature-selection-card.selected{border-color: #1976d2;background: #f6f8f9}.remove-feature-btn{position: absolute;top: 8px;right: 8px;min-width: 32px !important;width: 32px;height: 32px}.add-feature-section{border: 2px dashed #1976d2;border-radius: 8px;padding: 24px;text-align: center;margin-top: 16px;background: rgba(25,118,210,0.05)}.floating-add-btn{position: fixed;bottom: 24px;right: 24px;z-index: 1000;box-shadow: 0 4px 12px rgba(0,0,0,0.3)}.search-filter-section{background: #f8f9fa;padding: 16px;border-radius: 8px;margin-bottom: 16px}.feature-filter-chip{margin: 4px}.progress-indicator{position: sticky;top: 0;z-index: 100;background: white;padding: 8px 0;box-shadow: 0 2px 4px rgba(0,0,0,0.1)}.slide-in{animation: slideIn 0.3s ease-out}@keyframes slideIn{from{transform: translateY(20px);opacity: 0}to{transform: translateY(0);opacity: 1}}.fade-in{animation: fadeIn 0.5s ease-in}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}.responsive-grid{display: grid;gap: 12px;grid-template-columns: 1fr}@media (min-width: 768px){.responsive-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.responsive-grid{grid-template-columns: repeat(3,1fr)}}.layout-grid{display: grid;grid-template-columns: 220px 1fr;gap: 24px;margin-bottom: 20px}@media (max-width: 1024px){.layout-grid{grid-template-columns: 1fr}}.category-sidebar{background: white;border-radius: 12px;padding: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);position: sticky;top: 12px;align-self: start;max-height: calc(100vh - 120px);overflow: auto}.category-item{display: flex;justify-content: space-between;align-items: center;padding: 8px 10px;border-radius: 8px;cursor: pointer}.category-item:hover{background: #f6f8f9}.category-item.active{background: #eef4fd;border: 1px solid #cfe0fd}.category-item span{font-size: 0.80rem}.category-item .mud-icon-root{font-size: 20px}.features-table-container{overflow-x: auto}.features-table{table-layout: fixed;width: 100%}.features-table .mud-th,.features-table .mud-td{overflow: hidden;text-overflow: ellipsis}.features-table .mud-select,.features-table .mud-input{min-width: 160px;width: 100%}.features-table .mud-text-field{width: 100%}.features-table .mud-td{padding-top: 6px;padding-bottom: 6px}.features-table .mud-select .mud-input{min-height: 40px;font-size: 14px !important}.features-table .mud-list-item,.mud-menu-item,.mud-list-item-text p{font-size: 14px !important}.features-table .mud-list-item,.mud-menu-item,.mud-list-item-text{margin-top: 0px;margin-bottom: 0px}.features-table .mud-input-control .mud-input-control-input-container textarea{min-height: 40px}.features-table .mud-picker{min-width: 120px !important}.features-table .mud-table-cell{padding: 4px 12px 4px 8px !important}.features-header{font-size: 1.0rem;margin-bottom: 4px;flex-wrap: wrap}.features-header .d-flex{flex-wrap:wrap}.house-details-grid{display: grid;gap: 20px;grid-template-columns: 1fr}@media (min-width: 768px){.house-details-grid{grid-template-columns: 2fr 1fr;align-items: start}}@media (min-width: 1024px){.house-details-fields{grid-template-columns: repeat(3,1fr)}}@media (min-width: 1440px){.house-details-fields{grid-template-columns: repeat(4,1fr)}}.house-details-fields{display: grid;gap: 12px;grid-template-columns: 1fr}@media (min-width: 768px){.house-details-fields{grid-template-columns: repeat(2,1fr)}}.house-image-section{display: flex;flex-direction: column;gap: var(--space-3,12px)}.sticky-save-bar{display: flex;justify-content: flex-end;align-items: center;gap: 12px;padding: 16px;background: white;border-top: 1px solid #e0e0e0;position: sticky;bottom: 0;z-index: 100;box-shadow: 0 -2px 8px rgba(0,0,0,0.1)}@media (min-width: 769px){.sticky-save-bar .d-flex{justify-content: flex-end !important;gap: 12px}}@media (max-width: 768px){.mobile-page-container{padding: 16px 12px 90px 12px}.house-management .mobile-form-field .mud-input-control .mud-input-control-input-container .mud-input{min-height: 44px}.house-management .mobile-form-field .mud-select .mud-input{min-height: 44px}.house-management .mobile-form-field{margin-bottom: 4px}.sticky-save-bar{padding: 16px;box-shadow: 0 -4px 12px rgba(0,0,0,0.15);justify-content: space-between}.sticky-save-bar .d-flex{justify-content: space-between !important}.sticky-save-bar .mud-button{min-height: 44px;font-size: 0.9rem}.form-section{padding: 4px;margin-bottom: 14px;width: 100%}.house-details-fields{grid-template-columns: 1fr !important;gap: 8px !important}.house-details-grid{grid-template-columns: 1fr !important;gap: 16px !important}.house-management .feature-category-content{padding: 16px}.house-management .feature-selection-card{padding: 16px;margin-bottom: 12px}.house-management .form-field-label.empty-label{display: none}.house-management .mud-select .mud-input-control,.mud-autocomplete .mud-input-control{margin-bottom: 5px !important}.house-management .form-field-label{font-weight: var(--font-medium) !important;color: var(--gray-600) !important;font-size: var(--text-xs) !important}.house-management .mud-select .mud-input-slot{display: flex !important;align-items: center !important;padding-top: 2px !important}.house-management .mud-select .mud-select-input{display: flex !important;align-items: center !important}}@media (min-width: 769px) and (max-width: 1024px){.mobile-page-container{padding: 20px}.form-section{padding: 20px}}.sticky-save-bar .form-action-save,.sticky-save-bar .form-action-cancel{border-radius: 6px;text-transform: none;font-weight: 500;min-width: 100px}.flex-row{display: flex;flex-direction: row}.align-center{align-items: center}.justify-center{justify-content: center}.justify-start{justify-content: flex-start}.justify-between{justify-content: space-between}.gap-8{gap: 8px}.gap-12{gap: 12px}.text-primary-600{color: #1976d2}.text-secondary-600{color: #666}.italic{font-style: italic}.text-white{color: #fff}.mb-4{margin-bottom: 8px}.mb-2{margin-bottom: 8px}.mb-6{margin-bottom: 12px}.mb-8{margin-bottom: 16px}.mr-2{margin-right: 8px}.w-100{width: 100%}.h-100{height: 100%}.object-cover{object-fit: cover}.ml-3{margin-left: 12px}.w-160{width: 160px}.w-200{width: 200px}.opacity-60{opacity: 0.6}.opacity-80{opacity: 0.8}.hide{display:none}.category-label{margin: 4px 6px 8px 6px;color: #666}.auth-background-layer{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: -1;overflow: hidden}.auth-background-image{position: absolute;top: -2.5%;left: -2.5%;width: 105%;height: 105%;background-image: url('/house.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;filter: blur(3px) brightness(1.2);animation: slowZoom 20s ease-in-out infinite alternate;transform-origin: center center}.auth-gradient-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg,rgba(29,130,245,0.4) 0%,rgba(15,76,140,0.6) 50%,rgba(0,0,0,0.3) 100%);backdrop-filter: blur(1px)}.auth-particles{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: radial-gradient(circle at 20% 80%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,0.05) 0%,transparent 50%);animation: particleFloat 15s ease-in-out infinite}@keyframes slowZoom{0%{transform: scale(1)}100%{transform: scale(1.02)}}@keyframes particleFloat{0%,100%{opacity: 0.3;transform: translateY(0px)}50%{opacity: 0.6;transform: translateY(-20px)}}.responsive-auth-container{display: flex;justify-content: center !important;align-items: center !important;position: relative;z-index: 1;width: 100%;min-height: 100vh;padding-left: 5% !important;padding-right: 5% !important}.responsive-auth-paper{max-width: 440px !important;width: 100% !important;margin: 0 auto !important;border-radius: 24px !important;border: 1px solid rgba(255,255,255,0.2);box-shadow: 0 32px 64px rgba(0,0,0,0.12),0 16px 32px rgba(0,0,0,0.08),0 8px 16px rgba(0,0,0,0.04);backdrop-filter: blur(20px);transition: all 0.4s cubic-bezier(0.4,0,0.2,1);flex-shrink: 0;flex-grow: 0}.responsive-auth-paper:hover{box-shadow: 0 40px 80px rgba(0,0,0,0.15),0 20px 40px rgba(0,0,0,0.1),0 10px 20px rgba(0,0,0,0.05);transform: translateY(-4px)}.auth-logo-corner{position: absolute;top: 20px;right: 20px;z-index: 10}.auth-logo-small{height: 60px;width: auto;opacity: 0.9;filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}.auth-logo-small:hover{opacity: 1;transform: scale(1.05);filter: drop-shadow(0 6px 12px rgba(0,0,0,0.15))}.auth-options-row .me-auto{display: none !important}.responsive-auth-inner-container{position: relative;padding: 20px}.auth-content-wrapper{width: 100%;position: relative;z-index: 1;padding-top: 16px}@media (max-width: 768px){.responsive-auth-container{padding: 16px;min-height: 100vh}.responsive-auth-paper{max-width: calc(100% - 32px);border-radius: 20px !important;margin: 0 auto}.responsive-auth-inner-container{padding: 20px 16px}.auth-content-wrapper{padding-top: 24px}.auth-logo-corner{top: 16px;right: 16px}.auth-logo-small{height: 45px}}@media (max-width: 480px){.responsive-auth-container{padding: 12px 8px;min-height: 100vh}.responsive-auth-paper{max-width: calc(100% - 16px);border-radius: 16px !important;margin: 0 auto}.responsive-auth-inner-container{padding: 16px 12px}.auth-content-wrapper{padding-top: 20px}.auth-logo-corner{top: 12px;right: 12px}.auth-logo-small{height: 40px}}@media (max-width: 375px){.responsive-auth-container{padding: 8px 4px;min-height: 100vh}.responsive-auth-paper{max-width: calc(100% - 8px);border-radius: 14px !important}.responsive-auth-inner-container{padding: 12px 8px}.auth-content-wrapper{padding-top: 16px}.auth-logo-corner{top: 8px;right: 8px}.auth-logo-small{height: 36px}}.account-layout-root{overflow-x: hidden;height: 100vh}.account-layout-root .mud-layout{overflow-x: hidden}.account-main-content{overflow-x: hidden;overflow-y: auto;padding-top: 0px}.account-layout-root *{max-width: 100%;box-sizing: border-box}.account-layout-root .auth-form-content{padding: 0 24px}.account-layout-root .auth-header{text-align: center;margin-bottom: 24px}.account-layout-root .auth-header-icon{display: flex;justify-content: center;margin-bottom: 16px}.account-layout-root .auth-header-icon .mud-icon{background: linear-gradient(135deg,#1D82F5 0%,#0F4C8C 100%);border-radius: 50%;padding: 16px;box-shadow: 0 8px 32px rgba(29,130,245,0.3);transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}.account-layout-root .auth-header-icon .mud-icon:hover{transform: scale(1.05);box-shadow: 0 12px 40px rgba(29,130,245,0.4)}.account-layout-root .auth-title{font-size: 1.7rem !important;font-weight: 800 !important;line-height: 1.2 !important;margin-bottom: 16px !important;background: linear-gradient(135deg,#1D82F5 0%,#0F4C8C 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;letter-spacing: -0.025em;text-align: center}.account-layout-root .auth-subtitle{font-size: 1.125rem !important;color: #6B7280 !important;margin-bottom: 24px !important;line-height: 1.5;font-weight: 400;text-align: center}.account-layout-root .auth-loading-container{display: flex;justify-content: center;align-items: center;padding: 40px 0}.account-layout-root .auth-success-message{text-align: center;padding: 24px 0}.account-layout-root .success-icon-container{display: flex;justify-content: center;margin-bottom: 16px}.account-layout-root .success-icon{color: #10B981 !important;font-size: 4rem !important}.account-layout-root .success-text{color: #374151 !important;font-size: 1.125rem !important;line-height: 1.6}.account-layout-root .auth-form-section{margin-bottom: 20px}.account-layout-root .auth-input-group{display: flex;flex-direction: column;gap: 16px}.account-layout-root .name-fields-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-bottom: 0px}.account-layout-root .enhanced-input{margin-bottom: 0 !important}.account-layout-root .enhanced-input .mud-input-root{border-radius: 12px !important;transition: all 0.3s}.account-layout-root .enhanced-input .mud-input-outlined{border-radius: 12px !important}.account-layout-root .enhanced-input .mud-input-outlined.mud-input-focused .mud-input-outlined-border{border-color: #1D82F5 !important;border-width: 2px !important;box-shadow: 0 0 0 3px rgba(29,130,245,0.1)}.account-layout-root .enhanced-input .mud-input-outlined:hover .mud-input-outlined-border{border-color: #1D82F5 !important}.account-layout-root .auth-options-row{display: flex;justify-content: space-between;align-items: center;margin: 18px 0 20px;padding: 0 4px}.account-layout-root .auth-switch{margin-right: 8px}.account-layout-root .forgot-password-link{color: #1D82F5 !important;font-weight: 300 !important;text-decoration: none !important;transition: all 0.2s ease;padding: 4px 8px;border-radius: 6px}.account-layout-root .forgot-password-link:hover{color: #0F4C8C !important;background-color: rgba(29,130,245,0.1);text-decoration: underline !important}.account-layout-root .forgot-password-section{text-align: center;margin: 16px 0 12px 0}.account-layout-root .forgot-password-link-centered{color: #6B7280 !important;font-weight: 400 !important;font-size: 0.9375rem !important;text-decoration: none !important;transition: all 0.2s ease;padding: 8px 12px;border-radius: 6px;display: inline-block}.account-layout-root .forgot-password-link-centered:hover{color: #1D82F5 !important;text-decoration: underline !important}.account-layout-root .primary-login-button,.account-layout-root .primary-register-button,.account-layout-root .auth-button{height: 56px !important;font-size: 1.125rem !important;font-weight: 700 !important;border-radius: 16px !important;text-transform: none !important;letter-spacing: 0.025em !important;box-shadow: 0 8px 32px rgba(29,130,245,0.3) !important;transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;background: linear-gradient(135deg,#1D82F5 0%,#0F4C8C 100%) !important;border: none !important;margin-bottom: 8px}.account-layout-root .primary-login-button:hover,.account-layout-root .primary-register-button:hover,.account-layout-root .auth-button:hover{box-shadow: 0 12px 40px rgba(29,130,245,0.4) !important;transform: translateY(-2px) !important;background: linear-gradient(135deg,#0F4C8C 0%,#1D82F5 100%) !important}.account-layout-root .primary-login-button:active,.account-layout-root .primary-register-button:active,.account-layout-root .auth-button:active{transform: translateY(0) !important}.account-layout-root .divider-with-text{display: none;position: relative;text-align: center;margin: 16px 0 24px}.account-layout-root .divider-with-text::before{content:'';position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: linear-gradient(90deg,transparent 0%,#E5E7EB 50%,transparent 100%);z-index: 1}.account-layout-root .divider-text{background: linear-gradient(135deg,#FAFBFC 0%,#F3F4F6 100%);padding: 0 20px;color: #6B7280;font-size: 0.875rem;font-weight: 600;position: relative;z-index: 2;letter-spacing: 0.025em}.account-layout-root .compact-social-login-container{display: flex;justify-content: center;gap: 16px;margin: 24px 0}.account-layout-root .auth-footer-row{display: flex;justify-content: space-between;align-items: center;padding: 16px 0;position: relative}.account-layout-root .auth-footer-text{color: #6B7280 !important;font-size: 0.875rem !important;font-weight: 400}.account-layout-root .signup-link,.account-layout-root .signin-link{color: #1D82F5 !important;text-decoration: none !important;font-weight: 600 !important;transition: all 0.2s ease !important;padding: 8px 16px;border-radius: 8px;background: linear-gradient(135deg,rgba(29,130,245,0.1) 0%,rgba(15,76,140,0.1) 100%)}.account-layout-root .signup-link:hover,.account-layout-root .signin-link:hover{color: #0F4C8C !important;background: linear-gradient(135deg,rgba(29,130,245,0.2) 0%,rgba(15,76,140,0.2) 100%);transform: translateY(-1px)}.account-layout-root .magiclink{padding: 15px 0 15px 0 !important}@media (max-width: 768px){.account-layout-root .auth-form-content{padding: 0 18px}.account-layout-root .auth-form-section{margin-bottom: 18px}.account-layout-root .auth-input-group{gap: 16px}.account-layout-root .name-fields-grid{grid-template-columns: 1fr;gap: 16px}.account-layout-root .auth-title{font-size: 1.875rem !important;margin-bottom: 12px !important}.account-layout-root .auth-subtitle{font-size: 1rem !important;margin-bottom: 20px !important}.account-layout-root .auth-header{margin-bottom: 16px}.account-layout-root .auth-options-row{align-items: flex-start;gap: 12px;margin: 16px 0 18px 0;padding: 0}.account-layout-root .auth-footer-row{flex-direction: column;gap: 8px;text-align: center;padding: 16px 0}.account-layout-root .alternative-login-section{margin-top: 18px;padding: 16px 14px;border-radius: 14px}.account-layout-root .divider-text{font-size: 0.8125rem;padding: 0 18px}.account-layout-root .compact-social-login-container{margin: 24px 0;gap: 14px}.account-layout-root .primary-login-button,.account-layout-root .primary-register-button,.account-layout-root .auth-button{height: 56px !important;font-size: 1.0625rem !important;margin-bottom: 8px}.account-layout-root .auth-link-section{margin-top: 16px;padding: 8px 0}}@media (max-width: 480px){.account-layout-root .auth-form-content{padding: 0 14px}.account-layout-root .auth-form-section{margin-bottom: 16px}.account-layout-root .auth-input-group{gap: 14px}.account-layout-root .name-fields-grid{grid-template-columns: 1fr;gap: 14px}.account-layout-root .auth-title{font-size: 1.625rem !important;margin-bottom: 6px !important}.account-layout-root .auth-subtitle{font-size: 0.9375rem !important;margin-bottom: 16px !important}.account-layout-root .auth-header{margin-bottom: 12px}.account-layout-root .auth-options-row{gap: 10px;margin: 14px 0 16px 0}.account-layout-root .alternative-login-section{margin-top: 8px;padding: 14px 12px}.account-layout-root .compact-social-login-container{margin: 10px 0;gap: 12px}.account-layout-root .primary-login-button,.account-layout-root .primary-register-button,.account-layout-root .auth-button{height: 52px !important;font-size: 1rem !important}.account-layout-root .auth-footer-row{padding: 12px 0}.account-layout-root .auth-link-section{margin-top: 12px;padding: 6px 0}}@media (max-width: 375px){.account-layout-root .auth-form-content{padding: 0 10px}.account-layout-root .auth-form-section{margin-bottom: 14px}.account-layout-root .auth-input-group{gap: 12px}.account-layout-root .name-fields-grid{grid-template-columns: 1fr;gap: 12px}.account-layout-root .auth-title{font-size: 1.5rem !important;margin-bottom: 4px !important}.account-layout-root .auth-subtitle{font-size: 0.875rem !important;margin-bottom: 12px !important;line-height: 1.4}.account-layout-root .auth-header{margin-bottom: 10px}.account-layout-root .auth-options-row{margin: 12px 0 14px 0;gap: 8px}.account-layout-root .alternative-login-section{margin-top: 14px;padding: 12px 10px}.account-layout-root .compact-social-login-container{margin: 20px 0;gap: 12px}.account-layout-root .primary-login-button,.account-layout-root .primary-register-button,.account-layout-root .auth-button{height: 50px !important;font-size: 0.9375rem !important}.account-layout-root .auth-footer-row{padding: 10px 0}.account-layout-root .auth-link-section{margin-top: 10px;padding: 4px 0}}@media (max-width: 768px){.account-layout-root .enhanced-input .mud-input-root{min-height: 44px}.account-layout .enhanced-input .mud-input-adornment .mud-icon{font-size: 32px !important}.account-layout-root .forgot-password-link{padding: 8px 12px;min-height: 44px;display: flex;align-items: center}.account-layout-root .signup-link,.account-layout-root .signin-link{padding: 12px 20px;min-height: 44px;display: flex;align-items: center;justify-content: center}}@media (max-width: 768px){.account-layout-root .enhanced-input .mud-input-outlined.mud-input-focused .mud-input-outlined-border{border-width: 3px !important;box-shadow: 0 0 0 4px rgba(29,130,245,0.15)}.account-layout-root .primary-login-button:focus,.account-layout-root .primary-register-button:focus,.account-layout-root .auth-button:focus{box-shadow: 0 0 0 4px rgba(29,130,245,0.3),0 12px 40px rgba(29,130,245,0.4) !important}}.account-layout-root .auth-link:focus,.account-layout-root .forgot-password-link:focus,.account-layout-root .signup-link:focus,.account-layout-root .signin-link:focus{outline: 2px solid #1D82F5;outline-offset: 2px;border-radius: 4px}.account-layout-root .primary-login-button:disabled,.account-layout-root .primary-register-button:disabled,.account-layout-root .auth-button:disabled{opacity: 0.7;cursor: not-allowed;transform: none !important}@keyframes fadeInUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}.account-layout-root .auth-form-section{animation: fadeInUp 0.6s ease-out}.account-layout-root .auth-form-section:nth-child(2){animation-delay: 0.1s}.account-layout-root .auth-form-section:nth-child(3){animation-delay: 0.2s}.account-layout-root .auth-form-section:nth-child(4){animation-delay: 0.3s}.account-layout-root .auth-form-section:nth-child(5){animation-delay: 0.4s}.language-selector-corner{position: fixed;top: 20px;left: 20px;z-index: 1000}.main-site-link-corner{position: fixed;top: 20px;right: 20px;z-index: 1000}.main-site-link{display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;background: rgba(255,255,255,0.08);backdrop-filter: blur(20px);border: 1px solid rgba(255,255,255,0.12);border-radius: 20px;color: rgba(255,255,255,0.85);text-decoration: none;font-size: 14px;font-weight: 500;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);position: relative;overflow: hidden}.main-site-link::before{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg,rgba(29,130,245,0.03) 0%,rgba(15,76,140,0.03) 100%);opacity: 0;transition: opacity 0.3s ease}.main-site-link:hover{background: rgba(255,255,255,0.12);border-color: rgba(255,255,255,0.2);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(29,130,245,0.15),0 2px 4px rgba(0,0,0,0.1);color: rgba(255,255,255,0.95)}.main-site-link:hover::before{opacity: 1}.main-site-icon{width: 18px;height: 18px;transition: transform 0.3s ease}.main-site-link:hover .main-site-icon{transform: rotate(15deg)}.main-site-text{letter-spacing: 0.025em;position: relative}.minimal-language-selector{position: relative}.language-toggle-btn{display: flex;align-items: center;gap: 6px;padding: 8px 12px;background: rgba(255,255,255,0.08);backdrop-filter: blur(12px);border: 1px solid rgba(255,255,255,0.12);border-radius: 20px;cursor: pointer;transition: all 0.2s cubic-bezier(0.4,0,0.2,1);color: rgba(255,255,255,0.9);font-size: 14px;font-weight: 500;letter-spacing: 0.5px}.language-toggle-btn:hover{background: rgba(255,255,255,0.12);border-color: rgba(255,255,255,0.2);transform: translateY(-1px)}.minimal-language-selector.expanded .language-toggle-btn{background: rgba(255,255,255,0.15);border-color: rgba(255,255,255,0.25)}.globe-icon{width: 16px;height: 16px;opacity: 0.8}.language-abbr{font-size: 13px;font-weight: 600;opacity: 0.9}.language-dropdown{position: absolute;top: calc(100% + 8px);left: 0;min-width: 140px;background: rgba(255,255,255,0.98);backdrop-filter: blur(20px) saturate(180%);border: 1px solid rgba(255,255,255,0.3);border-radius: 12px;box-shadow: 0 10px 40px rgba(0,0,0,0.12),0 2px 10px rgba(0,0,0,0.08);overflow: hidden;animation: dropdownFadeIn 0.2s cubic-bezier(0.4,0,0.2,1)}@keyframes dropdownFadeIn{from{opacity: 0;transform: translateY(-4px)}to{opacity: 1;transform: translateY(0)}}.language-option{display: flex;align-items: center;gap: 12px;width: 100%;padding: 10px 16px;background: transparent;border: none;cursor: pointer;transition: all 0.15s ease;color: #374151;font-size: 14px;text-align: left}.language-option:hover{background: rgba(29,130,245,0.08)}.language-option.active{background: rgba(29,130,245,0.12);color: #1D82F5}.language-code{font-weight: 600;font-size: 12px;opacity: 0.6;min-width: 24px}.language-name{font-weight: 500}@media (max-width: 768px){.language-selector-corner{top: 16px;left: 16px}.main-site-link-corner{top: 16px;right: 16px}.main-site-link{padding: 7px 12px;font-size: 13px;gap: 6px}.main-site-icon{width: 16px;height: 16px}.language-toggle-btn{padding: 7px 10px;font-size: 13px}.globe-icon{width: 15px;height: 15px}.language-abbr{font-size: 12px}.language-dropdown{min-width: 120px}.language-option{padding: 8px 14px;font-size: 13px}.account-layout-root .mud-main-content{padding-top: 0px}}@media (max-width: 480px){.language-selector-corner{top: 12px;left: 12px}.main-site-link-corner{top: 12px;right: 12px}.main-site-link{padding: 6px 10px;font-size: 12px;gap: 5px;border-radius: 16px}.main-site-icon{width: 14px;height: 14px}.main-site-text{display: none}.language-toggle-btn{padding: 6px 9px;gap: 5px;border-radius: 16px}.globe-icon{width: 14px;height: 14px}.language-abbr{font-size: 11px}.language-dropdown{min-width: 110px;border-radius: 10px}.language-option{padding: 7px 12px;font-size: 12px;gap: 10px}.language-code{font-size: 11px}}@media (max-width: 375px){.language-selector-corner{top: 10px;left: 10px}.main-site-link-corner{top: 10px;right: 10px}.main-site-link{padding: 5px 8px;gap: 4px;border-radius: 14px}.main-site-icon{width: 13px;height: 13px}.language-toggle-btn{padding: 5px 8px;gap: 4px;border-radius: 14px}.globe-icon{width: 13px;height: 13px}.language-abbr{font-size: 10px;font-weight: 500}.language-dropdown{min-width: 100px;top: calc(100% + 6px)}.language-option{padding: 6px 10px;font-size: 11px;gap: 8px}.language-code{font-size: 10px;min-width: 20px}}.external-login{display: flex;align-items: center;justify-content: center;margin-top: var(--space-2,8px);margin-bottom: var(--space-2,8px);height: var(--space-12,48px);padding: 0 var(--space-4,16px);font-size: var(--text-base,16px);font-weight: var(--font-medium,500);text-decoration: none;border-radius: var(--radius-xl,12px);border: 1.5px solid var(--border-light,#e5e7eb);background: var(--surface-primary,#ffffff);color: var(--text-primary,#111827) !important;transition: all var(--transition-normal,0.2s ease);position: relative;overflow: hidden}.external-login:hover{border-color: var(--border-medium,#d1d5db);background: var(--surface-secondary,#f9fafb);transform: translateY(-1px);box-shadow: var(--shadow-md,0 4px 6px -1px rgba(0,0,0,0.1))}.external-login:active{transform: translateY(0)}.external-login-icon{background-repeat: no-repeat;background-size: contain;width: var(--space-5,20px);height: var(--space-5,20px);margin-right: var(--space-3,12px);flex-shrink: 0}.external-login:disabled{opacity: 0.6;cursor: not-allowed;transform: none !important;box-shadow: none !important}.compact-social-login{display: flex;align-items: center;justify-content: center;width: 56px;height: 56px;border-radius: var(--radius-xl,12px);border: 2px solid var(--border-light,#e5e7eb);background: var(--surface-primary,#ffffff);text-decoration: none;transition: all var(--transition-normal,0.2s ease);position: relative;overflow: hidden;cursor: pointer}.compact-social-login:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg,0 10px 15px -3px rgba(0,0,0,0.1));border-color: var(--border-medium,#d1d5db)}.compact-social-login:active{transform: translateY(0);box-shadow: var(--shadow-sm,0 1px 2px 0 rgba(0,0,0,0.05))}.compact-social-icon{background-repeat: no-repeat;background-size: contain;background-position: center;width: 32px;height: 32px;flex-shrink: 0}.google-compact-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285f4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%2334a853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23fbbc05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23ea4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E")}.linkedin-compact-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230077B5'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}.facebook-compact-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231877F2'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E")}.microsoft-compact-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F25022' d='M1 1h10.5v10.5H1z'/%3E%3Cpath fill='%237FBA00' d='M12.5 1H23v10.5H12.5z'/%3E%3Cpath fill='%2300A4EF' d='M1 12.5h10.5V23H1z'/%3E%3Cpath fill='%23FFB900' d='M12.5 12.5H23V23H12.5z'/%3E%3C/svg%3E")}.twitter-compact-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231DA1F2'%3E%3Cpath d='M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z'/%3E%3C/svg%3E")}.magic-link-compact-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D82F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%2F%3E%3Cpolyline points='22,6 12,13 2,6'%2F%3E%3C/svg%3E")}.compact-social-login:disabled{opacity: 0.6;cursor: not-allowed;transform: none !important;box-shadow: none !important}.account-layout .enhanced-input{margin-bottom: 0 !important}.account-layout .enhanced-input input,.account-layout .mud-input{font-size: 16px !important;padding: 12px !important;height: 44px !important}.account-layout-root .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol{font-size: var(--text-m) !important;font-weight: var(--medium) !important;color: var(--gray-600) !important}.account-layout-root .enhanced-input .mud-input-adornment{min-width: 38px !important;min-height: 38px !important}.account-layout-root .enhanced-input .mud-input-adornment .mud-icon-button{width: 38px !important;height: 38px !important}.account-layout-root .modern-checkbox.mud-checkbox{min-height: 34px !important;display: flex !important;align-items: center !important}.account-layout-root .modern-checkbox.mud-checkbox .mud-button-root{color: #9ca3af !important;padding: 4px !important}.account-layout-root .modern-checkbox.mud-checkbox .mud-button-root:hover{background-color: rgba(156,163,175,0.04) !important}.account-layout-root .modern-checkbox.mud-checkbox .mud-icon-root{font-size: 18px !important;color: #e5e7eb !important}.account-layout-root .modern-checkbox.mud-checkbox .mud-button-root:hover .mud-icon-root{color: #d1d5db !important}.account-layout-root .modern-checkbox.mud-checkbox.mud-checked .mud-icon-root{color: #9ca3af !important}.account-layout-root .modern-checkbox.mud-checkbox .mud-checkbox-label,.account-layout-root .modern-checkbox .mud-typography,.account-layout-root .modern-checkbox .mud-checkbox-text,.account-layout-root .modern-checkbox span{font-size: 0.9375rem !important;font-weight: 400 !important;color: #6B7280 !important;margin-left: 8px !important}.account-settings-page .page-content{grid-template-columns: 1fr}.settings-nav-container{border-bottom: 1px solid var(--border-light);margin-bottom: var(--space-6)}.settings-nav{display: flex;gap: 0}.account-settings-page .nav-tab{background: none;border: none;padding: var(--space-4) var(--space-5);color: var(--text-secondary);font-size: var(--text-sm);font-weight: var(--font-medium);cursor: pointer;border-bottom: 2px solid transparent;transition: var(--transition-normal)}.account-settings-page .nav-tab:hover{color: var(--text-primary)}.account-settings-page .nav-tab.active{color: var(--taloma-primary);border-bottom-color: var(--taloma-primary)}.settings-content{padding-top: 0}.account-settings-page .tab-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--space-6);padding-bottom: var(--space-4);border-bottom: 1px solid var(--border-light)}.account-settings-page .tab-title{display: flex;align-items: center;gap: var(--space-3);font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--text-primary)}.account-settings-page .tab-actions{display: flex;gap: var(--space-3)}.account-settings-page .tab-panel{display: none}.account-settings-page .tab-panel.active{display: block}.two-column{display: grid;grid-template-columns: 1fr 1fr;gap: var(--grid-gap-lg);align-items: start}.left-col,.right-col{min-width: 0}.section-gap{margin-top: var(--space-10)}.form-group{margin-bottom: var(--space-5)}.account-settings-page .simple-field{width: 100%;max-width: 400px}.account-settings-page .simple-field .mud-input-control{border: none !important;border-bottom: 1px solid var(--border-light) !important;border-radius: 0 !important;background: transparent !important;min-height: 40px !important;padding: var(--space-2) 0 !important;box-shadow: none !important}.account-settings-page .simple-field .mud-input-control:hover{border-bottom-color: var(--border-medium) !important}.account-settings-page .simple-field .mud-input-control-focused{border-bottom-color: var(--taloma-primary) !important;box-shadow: none !important}.account-settings-page .simple-field .mud-input{font-size: var(--text-sm) !important;color: var(--text-primary) !important;padding: 0 !important;background: transparent !important}.account-settings-page .simple-field .mud-input-label{font-size: var(--text-base) !important;color: var(--text-secondary) !important;font-weight: var(--font-medium) !important;margin-bottom: var(--space-1) !important}.account-settings-page .simple-field .mud-input-label-focused{color: var(--taloma-primary) !important}.account-settings-page .submit-btn{background: var(--taloma-primary) !important;color: var(--text-inverse) !important;border: none !important;border-radius: var(--radius-sm) !important;padding: var(--space-2) var(--space-4) !important;font-size: var(--text-sm) !important;font-weight: var(--font-medium) !important;min-height: 32px !important;margin-top: var(--space-3);transition: var(--transition-normal)}.account-settings-page .submit-btn:hover{background: var(--taloma-primary-hover) !important;transform: translateY(-1px)}.account-settings-page .profile-card,.account-settings-page .card-wrapper{background: var(--surface-primary) !important;border: 1px solid var(--border-light) !important;border-radius: var(--radius-lg) !important;padding: var(--space-6) !important;box-shadow: none !important}.profile-card{margin-bottom: 20px;position: relative}.profile-card + .profile-card{margin-top: var(--space-6)}.account-settings-page .profile-card:hover,.account-settings-page .card-wrapper:hover{border-color: var(--border-medium) !important;box-shadow: var(--shadow-xs) !important}.account-settings-page .profile-section{display: flex;gap: var(--space-5);align-items: flex-start;margin-bottom: var(--space-5)}.account-settings-page .avatar-section{flex-shrink: 0;text-align: center}.account-settings-page .avatar-wrapper{position: relative;display: inline-block;margin-bottom: var(--space-2)}.account-settings-page .avatar-container{width: 60px;height: 60px;border-radius: var(--radius-full);overflow: hidden;border: 2px solid var(--border-light)}.account-settings-page .profile-fields{flex: 1}.account-settings-page .field-row{display: flex;gap: var(--space-4);margin-bottom: var(--space-4)}.account-settings-page .field-row .form-group{flex: 1;margin-bottom: 0}.account-settings-page .email-section{margin-top: var(--space-1);padding-top: var(--space-5);border: none}.account-settings-page .current-email{margin-top: var(--space-4);padding: var(--space-2) 0;font-size: var(--text-sm);color: var(--text-secondary);display: flex;align-items: center;gap: var(--space-2)}.account-settings-page .remove-btn{font-size: var(--text-xs) !important;padding: var(--space-1) var(--space-2) !important;min-height: 20px !important}.account-settings-page .info-alert{margin-bottom: var(--space-5) !important}.account-settings-page .modern-language-option{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: var(--space-3) var(--space-4);margin-bottom: var(--space-2);display: flex;align-items: center;cursor: pointer;max-width: 280px;transition: var(--transition-normal)}.account-settings-page .modern-language-option:hover{border-color: var(--border-medium);box-shadow: var(--shadow-xs)}.account-settings-page .modern-language-option.selected{border-color: var(--taloma-primary);background: var(--taloma-primary-light)}.account-settings-page .language-flag-small{width: 16px;height: 16px;margin-right: var(--space-2);border: none}.account-settings-page .language-name-small{font-size: var(--text-sm) !important;font-weight: var(--font-medium) !important;color: var(--text-primary) !important}.account-settings-page .language-english-small{font-size: var(--text-xs) !important;color: var(--text-secondary) !important}.account-settings-page .mud-alert{border: 1px solid var(--border-light) !important;border-radius: var(--radius-sm) !important;background: var(--surface-secondary) !important;padding: var(--space-3) var(--space-4) !important;font-size: var(--text-sm) !important;margin-bottom: var(--space-5) !important;max-width: 500px !important}.account-settings-page .mud-alert.mud-alert-warning{border-color: var(--color-warning) !important;background: var(--color-warning-light) !important;color: var(--text-primary) !important}.account-settings-page .mud-alert.mud-alert-info{border-color: var(--color-info) !important;background: var(--color-info-light) !important}.account-settings-page .danger-section{max-width: 600px}.account-settings-page .danger-item{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: var(--space-5);margin-bottom: var(--space-4);display: flex;align-items: center;justify-content: space-between;gap: var(--space-4)}.account-settings-page .danger-item.critical{border-color: var(--color-error-light);background: var(--color-error-light)}.account-settings-page .danger-content{flex: 1}.account-settings-page .danger-title{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--text-primary);margin-bottom: var(--space-1);display: flex;align-items: center;gap: var(--space-2)}.account-settings-page .danger-item.critical .danger-title{color: var(--color-error)}.account-settings-page .danger-description{font-size: var(--text-xs);color: var(--text-secondary)}.account-settings-page .danger-item.critical .danger-description{color: var(--color-error)}.account-settings-page .danger-btn{font-size: var(--text-sm) !important;padding: var(--space-2) var(--space-3) !important;min-height: 32px !important;border-radius: var(--radius-sm) !important}.account-settings-page .mud-paper{border: 1px solid var(--border-light) !important;border-radius: var(--radius-md) !important;background: var(--surface-primary) !important;box-shadow: none !important;padding: var(--space-5) !important;max-width: 600px !important}.account-settings-page .mud-grid-item{padding: 0 !important}@media (max-width: 768px){.world-class-dashboard .content-grid{padding: 0 0.75rem !important}.world-class-dashboard .content-card{margin-bottom: 0.75rem !important}.world-class-dashboard .card-header{padding: 0.75rem !important}.world-class-dashboard .card-content{padding: 0 0.75rem 0.75rem 0.75rem !important}.user-cards-container{display: grid !important;grid-template-columns: 1fr !important;gap: 16px !important;overflow-x: visible !important}.user-card-wrapper{flex: unset !important;width: 100% !important}.user-card{width: 100% !important;max-width: 100% !important}.user-card-buttons{display: flex;gap: 8px}.user-card-buttons button{flex: 1}.add-user-card{height: auto !important;min-height: 200px !important;display: flex;align-items: center;justify-content: center}}@media (min-width: 601px) and (max-width: 960px){.account-settings-page.user-cards-container{display: grid !important;grid-template-columns: repeat(2,1fr) !important;gap: 16px !important;overflow-x: visible !important}.account-settings-page.user-card-wrapper{flex: unset !important;width: 100% !important}.account-settings-page .user-card{width: 100% !important}}.account-settings-page.user-info-text{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 8px}@media (max-width: 768px){.account-settings-page .two-column{grid-template-columns: 1fr;gap: var(--space-8)}.account-settings-page .settings-content{padding: var(--space-5)}.account-settings-page .settings-nav{padding: 0 var(--space-3)}.account-settings-page .nav-tab{padding: var(--space-3) var(--space-4);font-size: var(--text-xs)}.account-settings-page .field-row{flex-direction: column;gap: var(--space-3)}.account-settings-page .profile-card,.account-settings-page .card-wrapper{background: var(--surface-primary) !important;border: 0px !important;border-radius: var(--radius-lg) !important;padding: var(--space-2) !important;box-shadow: none !important}.profile-card + .profile-card{margin-top: var(--space-8);padding-top: var(--space-6) !important;border-top: 2px solid var(--border-light);position: relative}.profile-card + .profile-card::before{content:'';position: absolute;top: -2px;left: 50%;transform: translateX(-50%);width: 60px;height: 2px;background: var(--taloma-primary);opacity: 0.6}.avatar-section{display: none}}.cost-dashboard-page{min-height: 100vh;padding: 0 24px}.metrics-section{margin-bottom: 24px}.metrics-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 16px;margin-bottom: 24px}.Costsbycategory,.Laborvsmaterials{align-items: center}.metric-card{background: var(--surface-primary,#ffffff);border: 1px solid var(--border-light,#e5e7eb);border-radius: 8px;padding: 16px;text-align: center;position: relative;transition: all 0.2s ease}.metric-card:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.1);border-color: var(--border-medium,#d1d5db)}.metric-icon{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 8px;margin: 0 auto 8px;font-size: 18px}.metric-icon.success{background: var(--color-success-light,#d1fae5);color: var(--color-success,#10b981)}.metric-icon.primary{background: var(--taloma-primary-light,#dbeafe);color: var(--taloma-primary,#2563eb)}.metric-icon.warning{background: var(--color-warning-light,#fef3c7);color: var(--color-warning,#f59e0b)}.metric-icon.info{background: var(--color-info-light,#dbeafe);color: var(--color-info,#3b82f6)}.metric-value{font-size: 1.5rem;font-weight: 600;line-height: 1.2;margin-bottom: 4px}.metric-label{font-size: 0.75rem;color: var(--text-secondary,#6b7280);line-height: 1.3}.metric-badge{position: absolute;top: 12px;right: 12px;padding: 4px 8px;border-radius: 6px;font-size: 0.75rem;font-weight: 500}.metric-badge.positive{background: var(--color-success-light,#d1fae5);color: var(--color-success,#10b981)}.metric-badge.negative{background: var(--color-error-light,#fee2e2);color: var(--color-error,#ef4444)}.cost-dashboard-page .main-content{display: flex;flex-direction: column;gap: 24px}.cost-dashboard-page .page-sidebar{display: flex;flex-direction: column;gap: 20px}.quick-actions-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: 12px}.quick-actions-sidebar{display: flex;flex-direction: column;gap: 8px}.quick-action-button{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;gap: 12px;padding: 12px 16px;border: 1px solid var(--border-light,#e5e7eb);border-radius: 12px;background: var(--surface-primary,#ffffff);cursor: pointer;transition: all 0.2s ease;font-size: 0.8125rem;font-weight: 500;color: var(--text-primary,#111827);text-align: left}.quick-action-button:hover{background: var(--surface-tertiary,#f1f5f9);border-color: var(--border-medium,#d1d5db);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.1)}.quick-action-button.primary{border-color: var(--color-success,#10b981);color: var(--color-success,#10b981)}.quick-action-button.primary:hover{background: var(--color-success-light,#d1fae5)}.quick-action-button.secondary{border-color: var(--taloma-primary,#2563eb);color: var(--taloma-primary,#2563eb)}.quick-action-button.secondary:hover{background: var(--taloma-primary-light,#dbeafe)}.quick-action-button.tertiary{border-color: var(--gray-400,#9ca3af);color: var(--gray-700,#374151)}.quick-action-button.tertiary:hover{background: var(--gray-100,#f3f4f6)}.cost-dashboard-page .cost-list{display: flex;flex-direction: column;gap: 12px}.cost-dashboard-page .cost-item{display: grid;grid-template-columns: 140px 1fr auto;gap: 16px;padding: 16px;border: 1px solid var(--border-light,#e5e7eb);border-radius: 8px;background: var(--surface-primary,#ffffff);transition: all 0.2s ease;cursor: pointer}.cost-dashboard-page .cost-item:hover{background: var(--surface-tertiary,#f1f5f9);border-color: var(--border-medium,#d1d5db)}.cost-dashboard-page .cost-date{display: flex;flex-direction: column;gap: 4px}.cost-dashboard-page .cost-details{display: flex;align-items: center}.cost-dashboard-page .cost-amount{display: flex;align-items: center;color: var(--color-success,#10b981)}.cost-dashboard-page .mud-input-root-outlined.mud-input-root-adorned-end{padding: 8px}.clickable-cost-item{cursor: pointer;transition: all 0.2s ease;position: relative;border-radius: 8px}.clickable-cost-item:hover{background-color: var(--surface-secondary,#f8fafc);box-shadow: 0 2px 8px rgba(0,0,0,0.1);transform: translateY(-1px)}.clickable-cost-item:active{transform: translateY(0);box-shadow: 0 1px 4px rgba(0,0,0,0.1)}.clickable-cost-item::after{content:'';position: absolute;top: 50%;right: 12px;width: 6px;height: 6px;border-right: 2px solid var(--text-tertiary,#9ca3af);border-bottom: 2px solid var(--text-tertiary,#9ca3af);transform: translateY(-50%) rotate(-45deg);opacity: 0;transition: opacity 0.2s ease}.clickable-cost-item:hover::after{opacity: 1}.cost-dashboard-page .mobile-header{padding: 16px;background: var(--surface-primary,#ffffff);border-bottom: 1px solid var(--border-light,#e5e7eb);position: sticky;top: 0;z-index: 100}.cost-dashboard-page .mobile-header-content{display: flex;align-items: center;justify-content: center;gap: 16px}.cost-dashboard-page .mobile-page-title{font-size: 1.5rem;font-weight: 600;margin: 0;color: var(--text-primary,#111827)}.cost-dashboard-page .mobile-primary-action{border-radius: 24px !important;padding: 8px 20px !important;font-weight: 500 !important;min-width: auto !important}.cost-dashboard-page .mobile-tab-navigation{background: var(--surface-primary,#ffffff);border-bottom: 1px solid var(--border-light,#e5e7eb);position: sticky;top: 73px;z-index: 99}.cost-dashboard-page .mobile-tabs{display: flex;padding: 0 8px}.cost-dashboard-page .mobile-tab{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 12px 8px;border: none;background: transparent;color: var(--text-secondary,#6b7280);cursor: pointer;transition: all 0.2s ease;font-size: 0.75rem;font-weight: 500;min-height: 60px;position: relative}.cost-dashboard-page .mobile-tab:hover{color: var(--taloma-primary,#2563eb);background: var(--surface-tertiary,#f1f5f9)}.cost-dashboard-page .mobile-tab.active{color: var(--taloma-primary,#2563eb)}.cost-dashboard-page .mobile-tab.active::after{content:'';position: absolute;bottom: 0;left: 20%;right: 20%;height: 3px;background: var(--taloma-primary,#2563eb);border-radius: 2px 2px 0 0}.cost-dashboard-page .mobile-tab .mud-icon-root{font-size: 20px}.cost-dashboard-page .mobile-tab-content{padding: 16px;min-height: calc(100vh - 200px)}.cost-dashboard-page .mobile-overview-tab{display: flex;flex-direction: column;gap: 24px}.cost-dashboard-page .mobile-metrics-grid{display: flex;flex-direction: column;gap: 16px}.mobile-metric-card{display: flex;align-items: center;gap: 16px;padding: 20px;background: var(--surface-primary,#ffffff);border: 1px solid var(--border-light,#e5e7eb);border-radius: 12px;box-shadow: 0 1px 3px rgba(0,0,0,0.1)}.mobile-metric-card.primary{border-left: 4px solid var(--color-success,#10b981)}.mobile-metric-card.secondary{border-left: 4px solid var(--taloma-primary,#2563eb)}.mobile-metric-icon{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 12px;flex-shrink: 0}.mobile-metric-card.primary .mobile-metric-icon{background: var(--color-success-light,#d1fae5);color: var(--color-success,#10b981)}.mobile-metric-card.secondary .mobile-metric-icon{background: var(--taloma-primary-light,#dbeafe);color: var(--taloma-primary,#2563eb)}.mobile-metric-icon .mud-icon-root{font-size: 24px}.mobile-metric-content{flex: 1}.mobile-metric-value{font-size: 1.75rem;font-weight: 700;line-height: 1.2;margin-bottom: 4px;color: var(--text-primary,#111827)}.mobile-metric-label{font-size: 0.875rem;color: var(--text-secondary,#6b7280);font-weight: 500}.mobile-metric-change{font-size: 0.75rem;font-weight: 600;margin-top: 4px;padding: 2px 8px;border-radius: 12px;display: inline-block}.mobile-metric-change.positive{background: var(--color-success-light,#d1fae5);color: var(--color-success,#10b981)}.mobile-metric-change.negative{background: var(--color-error-light,#fee2e2);color: var(--color-error,#ef4444)}.cost-dashboard-page .mobile-quick-stats{display: flex;gap: 16px;padding: 16px;background: var(--surface-secondary,#f8fafc);border-radius: 8px}.cost-dashboard-page .mobile-stat-item{display: flex;align-items: center;gap: 8px;font-size: 0.875rem;color: var(--text-secondary,#6b7280);font-weight: 500}.cost-dashboard-page .mobile-stat-item .mud-icon-root{font-size: 16px;color: var(--taloma-primary,#2563eb)}.mobile-recent-tab{display: flex;flex-direction: column;gap: 16px}.mobile-cost-list{display: flex;flex-direction: column;gap: 12px}.mobile-cost-item{background: var(--surface-primary,#ffffff);border: 1px solid var(--border-light,#e5e7eb);border-radius: 8px;padding: 16px;transition: all 0.2s ease}.mobile-cost-item:active{background: var(--surface-tertiary,#f1f5f9);transform: scale(0.99)}.mobile-cost-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px}.mobile-cost-date{font-size: 0.875rem;font-weight: 600;color: var(--text-primary,#111827)}.mobile-cost-amount{font-size: 1.125rem;font-weight: 700;color: var(--color-success,#10b981)}.mobile-cost-details{display: flex;flex-direction: column;gap: 4px}.mobile-cost-description{font-size: 0.875rem;color: var(--text-primary,#111827);line-height: 1.4}.mobile-cost-supplier{font-size: 0.75rem;color: var(--text-secondary,#6b7280);font-weight: 500}.mobile-action-footer{margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--border-light,#e5e7eb)}.mobile-more-tab{display: flex;flex-direction: column;gap: 24px;padding-bottom: 50px}.mobile-action-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.mobile-action-item{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 20px 16px;border: 1px solid var(--border-light,#e5e7eb);border-radius: 12px;background: var(--surface-primary,#ffffff);cursor: pointer;transition: all 0.2s ease;font-size: 0.875rem;font-weight: 500;color: var(--text-primary,#111827);text-align: center}.mobile-action-item:active{transform: scale(0.95);background: var(--surface-tertiary,#f1f5f9)}.mobile-action-item.primary{border-color: var(--color-success,#10b981);color: var(--color-success,#10b981)}.mobile-action-item.secondary{border-color: var(--taloma-primary,#2563eb);color: var(--taloma-primary,#2563eb)}.mobile-action-item .mud-icon-root{font-size: 24px}.mobile-breakdown-section,.mobile-suppliers-section{margin-top: 16px}.cost-dashboard-page .mobile-empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 40px 20px;color: var(--text-secondary,#6b7280)}.cost-dashboard-page .mobile-empty-state .mud-icon-root{font-size: 3rem;opacity: 0.3;margin-bottom: 16px}.cost-dashboard-page .mobile-empty-state p{margin: 0 0 20px 0;font-size: 1rem}.mobile-trends-tab{padding: 0}.mobile-trends-tab .content-card{margin: 0;border: none;box-shadow: none}.mobile-simple-trend{display: flex;flex-direction: column;gap: 20px}.mobile-trend-title{font-size: 1.25rem;font-weight: 600;margin: 0;color: var(--text-primary,#111827);text-align: center}.mobile-trend-cards{display: flex;flex-direction: column;gap: 16px}.mobile-trend-card{background: var(--surface-primary,#ffffff);border: 1px solid var(--border-light,#e5e7eb);border-radius: 12px;padding: 16px;box-shadow: 0 1px 3px rgba(0,0,0,0.1)}.mobile-trend-month{font-size: 0.875rem;font-weight: 600;color: var(--text-secondary,#6b7280);margin-bottom: 8px;text-transform: uppercase;letter-spacing: 0.5px}.mobile-trend-amount{font-size: 1.5rem;font-weight: 700;color: var(--color-success,#10b981);margin-bottom: 4px}.mobile-trend-count{font-size: 0.75rem;color: var(--text-secondary,#6b7280);margin-bottom: 12px}.mobile-trend-bar{height: 6px;background: var(--surface-secondary,#f1f5f9);border-radius: 3px;overflow: hidden}.mobile-trend-progress{height: 100%;background: linear-gradient(90deg,var(--taloma-primary,#2563eb),var(--color-success,#10b981));border-radius: 3px;transition: width 0.3s ease}.mobile-trend-summary{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;padding: 20px;background: var(--surface-secondary,#f8fafc);border-radius: 8px}.mobile-summary-item{text-align: center}.mobile-summary-label{font-size: 0.75rem;color: var(--text-secondary,#6b7280);margin-bottom: 4px;font-weight: 500}.mobile-summary-value{font-size: 1.125rem;font-weight: 700;color: var(--text-primary,#111827)}.category-pie-container{display: flex;flex-direction: column;gap: 16px;align-items: center;margin-top: 8px}.category-pie-chart{width: 160px;height: 160px;flex-shrink: 0;position: relative}.pie-chart-circle{width: 160px;height: 160px;border-radius: 50%;cursor: pointer;transition: opacity 0.2s ease;transform: rotate(-90deg);border: 2px solid #e5e7eb;display: block;margin: 0 auto}.pie-chart-circle:hover{opacity: 0.9}.category-pie-legend{display: flex;flex-direction: column;gap: 8px;width: 100%;max-width: 280px}.cost-dashboard-page .legend-item{display: flex;align-items: center;gap: 8px;padding: 4px}.cost-dashboard-page .legend-color{width: 12px;height: 12px;border-radius: 2px;flex-shrink: 0}.cost-dashboard-page .legend-text{flex: 1;display: flex;flex-direction: column;gap: 2px}.cost-dashboard-page .legend-category{font-size: 0.875rem;font-weight: 500;color: var(--text-primary,#111827);line-height: 1.2}.cost-dashboard-page .legend-value{font-size: 0.75rem;color: var(--text-secondary,#6b7280);line-height: 1.2}.cost-dashboard-page .attachment-item-hover{transition: background-color 0.2s ease}.cost-dashboard-page .attachment-item-hover:hover{background-color: var(--surface-tertiary,#f1f5f9)}.cost-dashboard-page .content-card,.metric-card{animation: fadeInUp 0.3s ease-out}@keyframes fadeInUp{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.cost-item{animation: fadeIn 0.2s ease-out;animation-fill-mode: both}.cost-item:nth-child(1){animation-delay: 0.05s}.cost-item:nth-child(2){animation-delay: 0.1s}.cost-item:nth-child(3){animation-delay: 0.15s}.cost-item:nth-child(4){animation-delay: 0.2s}.cost-item:nth-child(5){animation-delay: 0.25s}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}.quick-action-button:focus-visible,.card-action:focus-visible,.cost-item:focus-visible{outline: 2px solid var(--taloma-primary,#2563eb);outline-offset: 2px}@media (max-width: 768px){.cost-dashboard-page{padding: 0 16px}.cost-dashboard-page .unified-page-header{margin-bottom: 16px;padding: 16px 0}.metrics-grid{grid-template-columns: repeat(2,1fr);gap: 12px}.metric-card{padding: 16px}.metric-icon{width: 40px;height: 40px;font-size: 20px}.metric-value{font-size: 1.25rem}.metric-label{font-size: 0.75rem}.cost-dashboard-page .page-content{grid-template-columns: 1fr !important;gap: 16px}.cost-dashboard-page .page-sidebar{order: 2}.cost-dashboard-page .main-content{order: 1}.quick-actions-grid{grid-template-columns: 1fr}.quick-action-button{flex-direction: row;justify-content: flex-start;padding: 12px 16px}.quick-action-button.tertiary{display: none}.cost-item{grid-template-columns: 1fr;gap: 8px;padding: 12px}.cost-date,.cost-details,.cost-amount{width: 100%}.cost-amount{padding-top: 8px;border-top: 1px solid var(--border-light,#e5e7eb);margin-top: 8px;font-size: 1.125rem}.cost-dashboard-page .page-sidebar .content-card:first-child{display: none}.cost-dashboard-page .content-card{margin-bottom: 16px}.cost-dashboard-page .content-card canvas,.cost-dashboard-page .content-card svg{max-width: 100%;height: auto}.cost-dashboard-page .text-body-xs{font-size: 0.75rem;line-height: 1.4}.cost-dashboard-page .text-body-sm{font-size: 0.875rem;line-height: 1.5}.cost-dashboard-page .text-ui-sm{font-size: 0.9rem;line-height: 1.4}.category-pie-container{gap: 12px}.category-pie-chart{margin-bottom: 20px}.cost-dashboard-page .legend-item{padding: 6px 4px}.cost-dashboard-page .legend-category{font-size: 0.8125rem}.cost-dashboard-page .legend-value{font-size: 0.6875rem}}@media (max-width: 480px){.metrics-grid{grid-template-columns: 1fr}.metric-card{display: flex;align-items: center;gap: 12px;text-align: left}.metric-icon{margin: 0;flex-shrink: 0}.metric-value,.metric-label{text-align: left}.metric-badge{display: none}.mobile-action-grid{grid-template-columns: 1fr}.mobile-action-item{flex-direction: row;justify-content: flex-start;text-align: left;padding: 16px}.mobile-metrics-grid{gap: 12px}.mobile-metric-card{padding: 16px}.mobile-metric-value{font-size: 1.5rem}.category-pie-container{flex-direction: column;align-items: center}.category-pie-legend{max-width: 100%}.costs-list-card .task-header-right{margin-right:80px}}@media (min-width: 480px) and (max-width: 768px){.metrics-grid{grid-template-columns: repeat(2,1fr)}.cost-dashboard-page .quick-action-button.tertiary{display: flex}.cost-dashboard-page .quick-actions-grid{grid-template-columns: repeat(3,1fr)}.cost-dashboard-page .cost-item{grid-template-columns: 120px 1fr auto;padding: 16px}.cost-dashboard-page .cost-amount{border-top: none;margin-top: 0;padding-top: 0}}@media (max-width: 768px) and (orientation: landscape){.metrics-grid{grid-template-columns: repeat(4,1fr)}.metric-card{padding: 12px}.cost-dashboard-page .content-card{margin-bottom: 12px}}@media (min-width: 768px) and (max-width: 1024px){.metrics-grid{grid-template-columns: repeat(4,1fr)}.cost-dashboard-page .page-content{grid-template-columns: 1fr}.quick-action-button.tertiary{display: flex}.quick-actions-grid{grid-template-columns: repeat(3,1fr)}.cost-item{grid-template-columns: 160px 1fr auto}.cost-dashboard-page .page-sidebar .content-card:nth-child(2){display: block}}@media (hover: none) and (pointer: coarse){.quick-action-button,.card-action{min-height: 44px;min-width: 44px}.cost-item{min-height: 60px;cursor: pointer}.cost-item:active{background-color: var(--gray-50,#f9fafb);transform: scale(0.98)}.metric-card:hover,.quick-action-button:hover,.cost-item:hover{transform: none;box-shadow: none}}.costs-page{}.costs-list-card{}.cost-list-item{display: flex;align-items: center;gap: var(--space-4);padding: var(--space-4);border: 1px solid var(--border-light);border-radius: var(--radius-lg);background: var(--surface-primary);margin-bottom: var(--space-3);cursor: pointer;transition: all 0.2s ease}.cost-list-item:hover{border-color: var(--border-medium);box-shadow: var(--shadow-sm)}.cost-list-main{display: flex;align-items: center;gap: var(--space-3);flex: 1;min-width: 0}.cost-list-info{flex: 1;min-width: 0}.cost-list-header{display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-1)}.cost-date{font-weight: 600;color: var(--text-primary)}.cost-list-details{display: flex;flex-direction: column;gap: var(--space-1)}.cost-detail-item{display: flex;align-items: center;gap: var(--space-1)}.cost-breakdown{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-top: var(--space-1)}.cost-breakdown-item{font-size: var(--text-xs);color: var(--text-secondary)}.cost-list-stats{display: flex;flex-direction: column;align-items: flex-end;gap: var(--space-1);margin-left: auto}.cost-list-actions{flex-shrink: 0}.cost-summary-widget .cost-summary-stats{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-4)}.summary-stat-item{text-align: center;padding: var(--space-3);background: var(--gray-50);border-radius: var(--radius-md)}.summary-stat-item .stat-value{color: var(--text-primary);font-weight: 700;line-height: 1.2}.summary-stat-item .stat-label{color: var(--text-secondary);margin-top: var(--space-1)}@media (max-width: 768px){.cost-list-item{padding: var(--space-3);gap: var(--space-2)}.cost-list-main{gap: var(--space-2)}.cost-list-info{gap: var(--space-1)}.cost-list-header{flex-wrap: wrap;gap: var(--space-1)}.cost-list-details{gap: 2px;margin-top: 2px}.cost-breakdown{gap: var(--space-1);margin-top: 2px}.cost-list-stats{align-items: flex-start;gap: 2px}.stat-item{gap: 2px}.cost-summary-stats{grid-template-columns: 1fr;gap: var(--space-2)}.summary-stat-item{padding: var(--space-2)}}.mud-overlay-scrim{background-color: rgba(15,23,42,0.75) !important;backdrop-filter: blur(2px) !important;-webkit-backdrop-filter: blur(2px) !important}.mud-dialog-container{z-index: 1400 !important;position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center}.mud-dialog{z-index: 1401 !important;position: relative;max-height: 90vh;overflow: hidden;display: flex;flex-direction: column}.mud-overlay{z-index: 1399 !important;position: fixed;top: 0;left: 0;width: 100%;height: 100%}.mud-dialog-container.mud-dialog-container-center{z-index: 1400 !important}.mud-popover{z-index: 8500 !important}.mud-menu{z-index: 8500 !important}.mud-select-popover{z-index: 8500 !important}.mud-autocomplete-popover{z-index: 8500 !important}.mud-overlay-popover{z-index: 8500 !important}.mud-popover-provider{z-index: 8500 !important}.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol,.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol{transform: translate(0px,1.5px) scale(0.85)}@media (max-width: 768px){.mud-dialog-container{z-index: 1400 !important;padding: 8px;align-items: flex-start;padding-top: 16px}.mud-dialog{max-height: calc(100dvh - 32px);width: 100%;margin: 0;border-radius: 16px 16px 0 0}.mud-dialog-content{max-height: calc(100dvh - 140px);overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain}.mud-dialog-title{padding: 16px;position: sticky;top: 0;z-index: 10;background: var(--surface-primary) !important;box-shadow: 0 2px 8px rgba(0,0,0,0.04);border-radius: 16px 16px 0 0}.mud-dialog-actions{padding: 16px;position: sticky;bottom: 0;z-index: 10;background: var(--surface-primary) !important;box-shadow: 0 -2px 8px rgba(0,0,0,0.04)}.mud-popover,.mud-menu,.mud-select-popover,.mud-autocomplete-popover{z-index: 1500 !important}.mud-dialog-container{animation: slideUpMobile 0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes slideUpMobile{from{opacity: 0;transform: translateY(100px)}to{opacity: 1;transform: translateY(0)}}}body.mud-drawer-open-responsive-sm-down{overflow: hidden}.mud-dialog-container::before{content:'';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(15,23,42,0.1);z-index: -1;pointer-events: none}.mud-dialog,.mud-dialog-container,.mud-overlay{color-scheme: light only !important}.mud-dialog{background: var(--surface-primary) !important}.mud-dialog-content{background: var(--surface-primary) !important}.mud-dialog .mud-input,.mud-dialog .mud-input-text,.mud-dialog .mud-input-slot,.mud-dialog .mud-select .mud-input-control,.mud-dialog textarea{background: var(--surface-primary) !important}.advanced-search-panel{background: var(--background-paper);border-radius: var(--radius-xl);border: 1px solid var(--border-light);box-shadow: var(--shadow-sm);margin-bottom: var(--spacing-xl);transition: all var(--transition-base)}.advanced-search-panel.expanded{box-shadow: var(--shadow-md)}.advanced-search-header{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-lg);border-bottom: 1px solid var(--border-light);background: linear-gradient(135deg,var(--background-elevated) 0%,var(--background-paper) 100%);border-radius: var(--radius-xl) var(--radius-xl) 0 0}.search-header-left{display: flex;align-items: center;gap: var(--spacing-sm);color: var(--text-primary)}.search-header-left .mud-icon{color: var(--taloma-primary);font-size: var(--text-lg) !important}.search-header-left h6{margin: 0;font-weight: var(--font-semibold);color: var(--text-primary)}.search-header-actions{display: flex;align-items: center;gap: var(--spacing-xs)}.advanced-search-content{padding: var(--spacing-xl)}.advanced-search-content .mud-grid{gap: var(--spacing-lg)}.advanced-search-panel .mud-input-label{font-weight: var(--font-semibold);color: var(--text-primary);font-size: var(--text-sm);margin-bottom: var(--space-1)}.advanced-search-panel .mud-input-root-outlined{border-color: var(--border-light);border-radius: var(--radius-md);background: var(--surface-primary);transition: all var(--transition-base)}.advanced-search-panel .mud-input-root-outlined:hover{border-color: var(--border-medium)}.advanced-search-panel .mud-input-root-outlined.mud-input-root-focused{border-color: var(--taloma-primary);box-shadow: 0 0 0 3px rgba(var(--taloma-primary-rgb),0.1)}.advanced-search-panel .mud-input{font-size: var(--text-base);color: var(--text-primary);padding: var(--space-3)}.advanced-search-panel .mud-input::placeholder{color: var(--text-tertiary)}.advanced-search-panel .mud-select-item{display: flex;align-items: center;gap: var(--spacing-xs)}.advanced-search-panel .mud-select-item .mud-icon{font-size: var(--text-base) !important;color: var(--text-secondary)}.additional-options{display: flex;flex-wrap: wrap;gap: var(--spacing-lg);background: var(--surface-secondary);padding: var(--spacing-md);border-radius: var(--radius-md);border: 1px solid var(--border-light)}.additional-options .mud-checkbox{margin: 0}.additional-options .mud-checkbox .mud-checkbox-label{font-size: var(--text-sm);color: var(--text-primary);font-weight: var(--font-medium)}.search-actions{display: flex;gap: var(--spacing-md);align-items: center;padding-top: var(--spacing-lg);border-top: 1px solid var(--border-light);margin-top: var(--spacing-md)}.search-button{min-width: 160px;background-color: var(--taloma-primary);font-weight: var(--font-semibold)}.search-button:hover{background-color: var(--taloma-primary-dark)}.search-actions .mud-button-text{color: var(--text-secondary);font-weight: var(--font-medium)}.search-actions .mud-button-text:hover{background: var(--surface-secondary);color: var(--text-primary)}.active-filters-section{padding: var(--spacing-lg);background: var(--background-elevated);border-top: 1px solid var(--border-light);border-radius: 0 0 var(--radius-xl) var(--radius-xl)}.active-filters-section .mud-typography-subtitle2{color: var(--text-primary);font-weight: var(--font-semibold);margin-bottom: var(--spacing-sm)}.active-filters{display: flex;flex-wrap: wrap;gap: var(--spacing-xs)}.active-filters .mud-chip{font-size: var(--text-xs);font-weight: var(--font-medium);border-radius: var(--radius-full);transition: all var(--transition-base)}.active-filters .mud-chip:hover{transform: translateY(-1px);box-shadow: var(--shadow-sm)}.active-filters .mud-chip-outlined{border-width: 1.5px}.search-header-actions .mud-button-text{color: var(--text-secondary);font-size: var(--text-sm);font-weight: var(--font-medium)}.search-header-actions .mud-button-text:hover{background: var(--surface-secondary);color: var(--text-primary)}.search-header-actions .mud-icon-button{color: var(--text-secondary);transition: all var(--transition-base)}.search-header-actions .mud-icon-button:hover{background: var(--surface-secondary);color: var(--text-primary);transform: scale(1.05)}@media (max-width: 768px){.advanced-search-header{flex-direction: column;gap: var(--spacing-sm);padding: var(--spacing-md)}.search-header-left{width: 100%;justify-content: center}.search-header-actions{width: 100%;justify-content: space-between}.advanced-search-content{padding: var(--spacing-md)}.search-actions{flex-direction: column;align-items: stretch;gap: var(--spacing-sm)}.search-actions .mud-button{width: 100%;justify-content: center}.additional-options{flex-direction: column;gap: var(--spacing-sm);padding: var(--spacing-sm)}.active-filters-section{padding: var(--spacing-md)}.advanced-search-content .mud-grid .mud-grid-item{margin-bottom: var(--spacing-sm)}}@media (max-width: 480px){.advanced-search-panel{border-radius: var(--radius-lg);margin-bottom: var(--spacing-lg)}.advanced-search-header{border-radius: var(--radius-lg) var(--radius-lg) 0 0;padding: var(--spacing-sm)}.search-header-left h6{font-size: var(--text-base)}.advanced-search-content{padding: var(--spacing-sm)}.active-filters{justify-content: center}}.document-preview-container-two-column{display: grid;grid-template-columns: 400px 1fr;gap: var(--spacing-lg);min-height: 600px;max-height: 80vh}.document-info-column{display: flex;flex-direction: column;gap: var(--spacing-md);overflow-y: auto;padding-right: var(--spacing-sm)}.document-preview-column{display: flex;flex-direction: column;min-height: 0}.document-actions-row{display: flex;gap: 8px;justify-content: flex-end;margin-bottom: 16px}.document-title{margin-bottom: 8px;font-weight: 600;font-size: 18px;color: var(--text-primary);line-height: 1.4;letter-spacing: -0.015em}.document-description{color: var(--text-secondary);line-height: 1.5;font-size: 14px;font-weight: 400}.info-row{display: flex;flex-direction: column;gap: 4px}.info-label{font-size: 12px;font-weight: 500;color: var(--text-secondary);letter-spacing: -0.006em}.info-value{font-size: 14px;font-weight: 450;color: var(--text-primary);letter-spacing: -0.009em;word-break: break-word}.document-preview-container{min-height: 600px;max-height: 80vh;display: flex;flex-direction: column;gap: var(--spacing-lg)}.document-header{display: flex;justify-content: space-between;align-items: flex-start;padding: var(--spacing-lg);background: var(--background-elevated);border-radius: var(--radius-lg);border: 1px solid var(--border-light)}.document-info{display: flex;gap: var(--spacing-lg);flex: 1}.document-icon-large{width: 64px;height: 64px;border-radius: var(--radius-lg);background: linear-gradient(135deg,var(--finnish-blue) 0%,var(--lake-blue) 100%);display: flex;align-items: center;justify-content: center;color: var(--finnish-white);font-size: 32px}.document-details{flex: 1;display: flex;flex-direction: column;gap: var(--spacing-sm)}.document-title{margin: 0;font-weight: var(--font-weight-bold)}.document-meta{display: flex;gap: var(--spacing-xs);flex-wrap: wrap}.document-description{color: var(--text-secondary);max-width: 500px}.document-actions{display: flex;gap: var(--spacing-xs)}.linked-entity-card{display: flex;align-items: center;justify-content: space-between;padding: 16px;background: rgba(248,250,252,0.5);border-radius: 8px;border: 1px solid rgba(226,232,240,0.5);cursor: pointer;transition: all 0.15s ease}.linked-entity-card:hover{background: var(--surface-primary);border-color: var(--taloma-primary);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.06)}.linked-entity-content{display: flex;align-items: flex-start;gap: var(--spacing-md);flex: 1}.linked-entity-icon{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 6px;background: rgba(37,99,235,0.08);flex-shrink: 0}.entity-emoji{font-size: 18px}.linked-entity-details{display: flex;flex-direction: column;gap: 4px;flex: 1;min-width: 0}.linked-entity-details .entity-type-label{font-size: 11px;font-weight: 500;color: var(--text-secondary);letter-spacing: -0.003em}.linked-entity-title{font-weight: 500;font-size: 14px;margin: 0;color: var(--text-primary);word-break: break-word;line-height: 1.4;letter-spacing: -0.009em}.linked-entity-details .amount-display{font-weight: 600;font-size: 15px;color: var(--color-success);letter-spacing: -0.015em}.linked-entity-action{display: flex;align-items: center;color: var(--text-secondary);margin-left: 8px}.linked-entity-card:hover .linked-entity-action{color: var(--taloma-primary)}.document-preview-section{flex: 1;min-height: 400px;background: var(--background-paper);border-radius: var(--radius-lg);border: 1px solid var(--border-light);overflow: hidden;position: relative;display: flex;flex-direction: column}.preview-loading,.no-preview{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 400px;gap: var(--spacing-md);text-align: center;padding: var(--spacing-2xl)}.no-preview-icon{font-size: 64px !important;color: var(--text-disabled);margin-bottom: var(--spacing-lg)}.zoom-controls{display: flex;align-items: center;justify-content: center;gap: 8px;padding: 8px 16px;background: var(--surface-primary);border-bottom: 1px solid var(--border-light)}.zoom-level-text{min-width: 50px;text-align: center;font-weight: 500;color: var(--text-primary)}.image-preview{display: flex;align-items: center;justify-content: center;height: 100%;padding: var(--spacing-md);overflow: auto;cursor: grab}.image-preview:active{cursor: grabbing}.preview-image{max-width: 100%;max-height: 400px;object-fit: contain;border-radius: var(--radius-md);box-shadow: var(--shadow-sm)}.zoomable-image{transition: transform 0.2s ease-out;transform-origin: center center}.pdf-viewer{width: 100%;height: 500px;border: none}.text-preview{height: 100%;padding: var(--spacing-md)}.text-content{font-family: var(--font-family-mono);font-size: var(--font-size-sm);line-height: var(--line-height-relaxed);margin: 0;white-space: pre-wrap;word-wrap: break-word}@media (max-width: 1024px){.document-preview-container-two-column{grid-template-columns: 1fr;display: flex;flex-direction: column-reverse}.document-info-column{max-height: 400px;order: 2}.document-preview-column{min-height: 500px;order: 1}}@media (max-width: 768px){.document-header{flex-direction: column;gap: var(--spacing-md)}.document-info{flex-direction: column;gap: var(--spacing-md)}.document-actions{align-self: flex-end}.properties-grid{grid-template-columns: 1fr}.document-actions-row{justify-content: flex-start}}.document-upload-page{display: flex;gap: var(--space-6);max-width: var(--app-content-max-width);margin: 0 auto}.document-upload-page > .content-card{flex: 1;min-width: 0}.upload-header-compact{display: flex;flex-direction: column;align-items: center;gap: var(--space-2);padding: var(--space-4) 0;text-align: center}.upload-help-info{margin-top: var(--space-4);padding-top: var(--space-4);border-top: 1px solid var(--gray-200)}.help-info-item{display: flex;align-items: flex-start;gap: var(--space-2)}.help-info-item strong{font-weight: var(--font-semibold)}.category-item{display: flex;align-items: center;gap: var(--space-2)}.page-sidebar{width: 320px;flex-shrink: 0}.sidebar-section{background: white;border: 1px solid var(--gray-200);border-radius: 16px;padding: var(--space-5);margin-bottom: var(--space-5);box-shadow: 0 2px 4px rgba(0,0,0,0.04)}.sidebar-title{display: flex;align-items: center;font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--text-primary);margin: 0 0 var(--space-4) 0}.recent-uploads{display: flex;flex-direction: column;gap: var(--space-3)}.recent-upload-item{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3);background: var(--surface-secondary);border-radius: 8px;transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.recent-upload-item:hover{background: var(--surface-tertiary);transform: translateX(2px)}.upload-info{display: flex;flex-direction: column;flex: 1;min-width: 0}.upload-name{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.upload-date{font-size: var(--text-xs);color: var(--text-secondary)}@media (max-width: 1200px){.page-sidebar{display: none}.document-upload-page{display: block}}@media (max-width: 768px){.upload-header-compact{display: none}.help-info-item{flex-direction: column;gap: var(--space-1)}.form-upload-section{order: 1}.upload-help-info{margin-top: var(--space-3);padding-top: var(--space-3)}}.document-upload-page .mud-select-input{display: flex;align-items: center;gap: var(--space-2)}.document-upload-page .form-loading-state{padding: var(--space-16) var(--space-8)}.document-upload-dialog{--upload-primary: var(--taloma-primary);--upload-success: var(--color-success);--upload-error: var(--color-error);--upload-warning: var(--color-warning)}.document-upload-dialog .dialog-content{max-width: 100%;padding: 0}.document-upload-dialog .upload-header{display: flex;align-items: center;gap: var(--space-3);margin-bottom: var(--space-6);padding-bottom: var(--space-4);border-bottom: 1px solid var(--border-light)}.document-upload-dialog .upload-header .mud-icon{color: var(--upload-primary);font-size: var(--text-xl) !important}.document-upload-dialog .upload-header h6{margin: 0;color: var(--text-primary);font-weight: var(--font-semibold);font-size: var(--text-lg)}.document-upload-dialog .upload-form{max-width: 100%}.document-upload-dialog .file-upload-zone{border: 2px dashed var(--border-light);border-radius: var(--radius-lg);padding: var(--space-8);text-align: center;background: var(--surface-primary);transition: all var(--transition-base);cursor: pointer;position: relative;overflow: hidden}.document-upload-dialog .file-upload-zone:hover{border-color: var(--upload-primary);background: var(--surface-elevated)}.document-upload-dialog .file-upload-zone.has-file{border-color: var(--upload-success);background: var(--color-success-light)}.document-upload-dialog .file-upload-zone .upload-icon{color: var(--upload-primary);font-size: 3rem !important;margin-bottom: var(--space-3)}.document-upload-dialog .file-upload-zone .upload-text{color: var(--text-primary);font-weight: var(--font-medium);margin-bottom: var(--space-2)}.document-upload-dialog .file-upload-zone .upload-hint{color: var(--text-secondary);font-size: var(--text-sm);margin-bottom: var(--space-4)}.document-upload-dialog .selected-file{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: var(--space-2)}.document-upload-dialog .selected-file-info{display: flex;align-items: center;gap: var(--space-3);margin-bottom: var(--space-2)}.document-upload-dialog .selected-file-info .file-icon{color: var(--upload-primary);font-size: var(--text-2xl) !important}.document-upload-dialog .selected-file-name{font-weight: var(--font-medium);color: var(--text-primary)}.document-upload-dialog .selected-file-details{color: var(--text-secondary);font-size: var(--text-sm);text-align: center}.document-upload-dialog .remove-file-button{margin-top: var(--space-2)}.document-upload-dialog .upload-progress{background: var(--surface-secondary);border-radius: var(--radius-md);padding: var(--space-4);border: 1px solid var(--border-light);margin-bottom: var(--space-4)}.document-upload-dialog .upload-progress-text{color: var(--text-primary);font-weight: var(--font-medium);margin-bottom: var(--space-2);display: flex;align-items: center;gap: var(--space-2)}.document-upload-dialog .upload-progress-percentage{color: var(--text-secondary);font-size: var(--text-sm);margin-top: var(--space-1)}.document-upload-dialog .error-alert{background: var(--color-error-light);border: 1px solid var(--upload-error);border-radius: var(--radius-md);color: var(--upload-error);margin-bottom: var(--space-4)}.document-upload-dialog .file-input{position: absolute;width: 100%;height: 100%;opacity: 0;cursor: pointer;top: 0;left: 0}.document-upload-dialog .file-upload-zone.drag-over{border-color: var(--upload-primary);background: rgba(var(--taloma-primary-rgb),0.05);transform: scale(1.02)}.document-upload-dialog .file-upload-zone.drag-over .upload-text{color: var(--upload-primary)}@media (max-width: 768px){.document-upload-dialog .dialog-content{padding: var(--space-4)}.document-upload-dialog .file-upload-zone{padding: var(--space-6)}.document-upload-dialog .selected-file-info{flex-direction: column;text-align: center;gap: var(--space-2)}}@media (max-width: 480px){.document-upload-dialog .upload-header{flex-direction: column;text-align: center;gap: var(--space-2)}.document-upload-dialog .selected-file-name{word-break: break-all;text-align: center}}.edit-house-log-floating-actions{display: none}@media (max-width: 768px){.edit-house-log-floating-actions{display: flex;position: fixed;bottom: calc(64px + env(safe-area-inset-bottom));left: 0;right: 0;height: 60px;z-index: 1001;pointer-events: none;align-items: center;justify-content: center;padding: 0 20px;gap: 24px;background-color:white}.edit-house-log-cancel-button{min-width: 120px;height: 44px;background: var(--surface-primary);border: 1.5px solid var(--border-medium);border-radius: 22px;display: flex;align-items: center;justify-content: center;gap: 8px;color: var(--text-secondary);font-size: var(--text-sm);font-weight: var(--font-medium);cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events: auto;box-shadow: 0 2px 8px rgba(0,0,0,0.06);position: relative;overflow: hidden;padding: 0 16px}.edit-house-log-cancel-button::before{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--surface-secondary);opacity: 0;transition: opacity 0.3s ease}.edit-house-log-cancel-button:hover::before{opacity: 1}.edit-house-log-cancel-button:hover{border-color: var(--border-strong);color: var(--text-primary);transform: translateY(-1px);box-shadow: 0 6px 16px rgba(0,0,0,0.12)}.edit-house-log-cancel-button:active{transform: translateY(0);box-shadow: 0 2px 8px rgba(0,0,0,0.08)}.edit-house-log-save-button{min-width: 120px;height: 44px;background: linear-gradient(135deg,var(--taloma-primary) 0%,var(--taloma-primary-hover) 100%);border: none;border-radius: 22px;display: flex;align-items: center;justify-content: center;gap: 8px;color: var(--text-inverse);font-size: var(--text-sm);font-weight: var(--font-semibold);cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events: auto;box-shadow: 0 3px 12px rgba(37,99,235,0.15);position: relative;overflow: hidden;padding: 0 20px}.edit-house-log-save-button::before{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg,rgba(255,255,255,0.2) 0%,transparent 100%);opacity: 0;transition: opacity 0.3s ease}.edit-house-log-save-button:hover::before{opacity: 1}.edit-house-log-save-button:hover:not(:disabled){transform: translateY(-1px);box-shadow: 0 6px 16px rgba(37,99,235,0.25)}.edit-house-log-save-button:active:not(:disabled){transform: translateY(0);box-shadow: 0 4px 12px rgba(37,99,235,0.15)}.edit-house-log-save-button:disabled{opacity: 0.6;cursor: not-allowed;transform: none;box-shadow: 0 2px 8px rgba(37,99,235,0.1)}.edit-house-log-save-button:disabled::before{display: none}.edit-house-log-save-button.loading{pointer-events: none}.edit-house-log-save-button.loading .button-icon{display: none}.edit-house-log-page .house-log-action-menu .save-button{display: none}.edit-house-log-page .house-log-action-menu .close-button{display: none}.edit-house-log-page .mud-bottom-navigation{display: none}.edit-house-log-page .edit-house-log-floating-actions{bottom: calc(0px + env(safe-area-inset-bottom))}.edit-house-log-page .main-content-container{padding-bottom: calc(80px + env(safe-area-inset-bottom))}}@media (max-width: 380px){.edit-house-log-floating-actions{padding: 0 12px;gap: 16px}.edit-house-log-cancel-button,.edit-house-log-save-button{min-width: 100px;height: 40px;font-size: var(--text-xs);padding: 0 12px}.edit-house-log-cancel-button span,.edit-house-log-save-button span{font-size: var(--text-xs)}}@media (max-width: 896px) and (orientation: landscape){.edit-house-log-floating-actions{bottom: calc(48px + env(safe-area-inset-bottom))}.edit-house-log-page .edit-house-log-floating-actions{bottom: calc(8px + env(safe-area-inset-bottom))}}@media (display-mode: standalone){.edit-house-log-floating-actions{bottom: calc(64px + max(12px,env(safe-area-inset-bottom)))}.edit-house-log-page .edit-house-log-floating-actions{bottom: calc(max(12px,env(safe-area-inset-bottom)))}}@media (max-width: 768px){.edit-house-log-page .card-title span{white-space: normal;overflow: visible;text-overflow: unset;max-width: none;word-wrap: break-word;line-height: var(--leading-normal)}}.edit-task-floating-actions{display: none}@media (max-width: 768px){.edit-task-floating-actions{display: flex;position: fixed;bottom: calc(64px + env(safe-area-inset-bottom));left: 0;right: 0;height: 60px;z-index: 1001;pointer-events: none;align-items: center;justify-content: center;padding: 0 20px;gap: 24px;background-color: white}.edit-task-cancel-button{min-width: 120px;height: 44px;background: var(--surface-primary);border: 1.5px solid var(--border-medium);border-radius: 22px;display: flex;align-items: center;justify-content: center;gap: 8px;color: var(--text-secondary);font-size: var(--text-sm);font-weight: var(--font-medium);cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events: auto;box-shadow: 0 2px 8px rgba(0,0,0,0.06);position: relative;overflow: hidden;padding: 0 16px}.edit-task-cancel-button::before{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--surface-secondary);opacity: 0;transition: opacity 0.3s ease}.edit-task-cancel-button:hover::before{opacity: 1}.edit-task-cancel-button:hover{border-color: var(--border-strong);color: var(--text-primary);transform: translateY(-1px);box-shadow: 0 6px 16px rgba(0,0,0,0.12)}.edit-task-cancel-button:active{transform: translateY(0);box-shadow: 0 2px 8px rgba(0,0,0,0.08)}.edit-task-save-button{min-width: 120px;height: 44px;background: linear-gradient(135deg,var(--taloma-primary) 0%,var(--taloma-primary-hover) 100%);border: none;border-radius: 22px;display: flex;align-items: center;justify-content: center;gap: 8px;color: var(--text-inverse);font-size: var(--text-sm);font-weight: var(--font-semibold);cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events: auto;box-shadow: 0 3px 12px rgba(37,99,235,0.15);position: relative;overflow: hidden;padding: 0 20px}.edit-task-save-button::before{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg,rgba(255,255,255,0.2) 0%,transparent 100%);opacity: 0;transition: opacity 0.3s ease}.edit-task-save-button:hover::before{opacity: 1}.edit-task-save-button:hover:not(:disabled){transform: translateY(-1px);box-shadow: 0 6px 16px rgba(37,99,235,0.25)}.edit-task-save-button:active:not(:disabled){transform: translateY(0);box-shadow: 0 4px 12px rgba(37,99,235,0.15)}.edit-task-save-button:disabled{opacity: 0.6;cursor: not-allowed;transform: none;box-shadow: 0 2px 8px rgba(37,99,235,0.1)}.edit-task-save-button:disabled::before{display: none}.edit-task-save-button.loading{pointer-events: none}.edit-task-save-button.loading .button-icon{display: none}.edit-task-page .form-actions-container{display: none}.edit-task-page .task-action-menu .save-button{display: none}.edit-task-page .task-action-menu .close-button{display: none}.edit-task-page .mud-bottom-navigation{display: none}.edit-task-page .edit-task-floating-actions{bottom: calc(0px + env(safe-area-inset-bottom))}.edit-task-page .main-content-container{padding-bottom: calc(80px + env(safe-area-inset-bottom))}}@media (max-width: 380px){.edit-task-floating-actions{padding: 0 12px;gap: 16px}.edit-task-cancel-button,.edit-task-save-button{min-width: 100px;height: 40px;font-size: var(--text-xs);padding: 0 12px}.edit-task-cancel-button span,.edit-task-save-button span{font-size: var(--text-xs)}}@media (max-width: 896px) and (orientation: landscape){.edit-task-floating-actions{bottom: calc(48px + env(safe-area-inset-bottom))}.edit-task-page .edit-task-floating-actions{bottom: calc(8px + env(safe-area-inset-bottom))}}@media (display-mode: standalone){.edit-task-floating-actions{bottom: calc(64px + max(12px,env(safe-area-inset-bottom)))}.edit-task-page .edit-task-floating-actions{bottom: calc(max(12px,env(safe-area-inset-bottom)))}}.subscription-page-container{max-width: 996px}.subscription-page-container .payment-option-card{transition: all 0.3s cubic-bezier(0.4,0,0.2,1);position: relative;cursor: pointer;min-height: 220px;border: 2px solid transparent;display: flex;flex-direction: column}.subscription-page-container .payment-option-card:hover{transform: translateY(-4px);box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;border-color: rgba(var(--mud-palette-primary-rgb),0.3)}.subscription-page-container .payment-option-card.selected{border-color: var(--mud-palette-primary) !important;background: rgba(var(--mud-palette-primary-rgb),0.05)}.subscription-page-container .payment-option-card .mud-chip{font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 1rem}.subscription-page-container .payment-option-card .mud-typography:last-child{margin-top: auto !important;padding-top: 0.75rem}.subscription-page-container .payment-icon{font-size: 2rem !important;opacity: 0.8}.subscription-page-container .selected-plan-details-card{background: linear-gradient(135deg,#ffffff 0%,#f8fafb 100%);border: 1px solid var(--border-light);animation: slideInUp 0.5s ease}@keyframes slideInUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}.subscription-page-container .plan-details-content{padding-right: var(--space-4)}.subscription-page-container .plan-price{text-align: right}.subscription-page-container .plan-action-btn{min-width: 200px;min-height: 48px !important;border-radius: var(--radius-lg) !important;font-weight: var(--font-semibold) !important;letter-spacing: -0.009em !important;transition: all var(--transition-normal) !important;box-shadow: var(--shadow-sm) !important}.subscription-page-container .plan-action-btn:hover{transform: translateY(-1px) !important;box-shadow: var(--shadow-md) !important}@media (max-width: 768px){.subscription-page-container .plan-details-content{padding-right: 0;margin-bottom: var(--space-4)}.subscription-page-container .plan-price{text-align: left;margin-bottom: var(--space-3)}.subscription-page-container .d-flex.flex-column.align-end{align-items: flex-start !important}.subscription-page-container .plan-action-btn{width: 100%}}.subscription-page-container .subscription-summary-card{background: linear-gradient(135deg,#ffffff 0%,#f8fafb 100%);border: 1px solid #e5e7eb}.subscription-page-container .subscription-status-badge{display: flex;align-items: center;gap: 0.5rem}.subscription-page-container .active-badge .mud-chip{background: linear-gradient(135deg,#10b981,#059669);color: white;font-weight: 600}.subscription-page-container .subscription-info-item{text-align: center;padding: 1rem;border-radius: 0.75rem;background: rgba(var(--mud-palette-surface-rgb),0.5);border: 1px solid rgba(var(--mud-palette-divider-rgb),0.3);transition: all 0.3s ease}.subscription-page-container .subscription-info-item:hover{background: rgba(var(--mud-palette-primary-rgb),0.05);border-color: rgba(var(--mud-palette-primary-rgb),0.2);transform: translateY(-2px)}.subscription-page-container .info-icon{font-size: 1.5rem !important;margin-bottom: 0.5rem}.subscription-page-container .invoice-history-card{background: linear-gradient(135deg,#ffffff 0%,#fafbfc 100%);border: 1px solid #e5e7eb}.subscription-page-container .empty-state{padding: 3rem 1rem}@media (max-width: 768px){.subscription-page-container .payment-option-card{margin-bottom: 1rem;min-height: 160px}.subscription-page-container .subscription-info-item{margin-bottom: 0.25rem;padding: 0.25rem 0.25rem;border: none !important;background: transparent !important}.subscription-page-container .subscription-info-item .info-icon{font-size: 1.25rem !important;margin-bottom: 0.25rem}.subscription-page-container .subscription-info-item .text-caption{font-size: 0.75rem;line-height: 1.2}.subscription-page-container .subscription-info-item .text-body1{font-size: 0.875rem;line-height: 1.3}.subscription-page-container .proceed-button{width: 100%;margin-top: 1rem}.subscription-page-container .mud-simple-table.mud-table-dense * tr td{padding: 0px !important}.subscription-page-container .mud-simple-table{display: block}.subscription-page-container .mud-simple-table thead{display: none}.subscription-page-container .mud-simple-table tbody{display: block}.subscription-page-container .mud-simple-table tr{display: block;margin-bottom: 1rem;padding: 0.75rem;background: rgba(var(--mud-palette-surface-rgb),0.5);border: 1px solid rgba(var(--mud-palette-divider-rgb),0.2);border-radius: 0.5rem}.subscription-page-container .mud-simple-table td{display: flex;justify-content: space-between;align-items: center;padding: 0.25rem 0 !important;border: none !important;text-align: left}.subscription-page-container .mud-simple-table td:before{content:attr(data-label);font-weight: 600;font-size: 0.75rem;color: var(--mud-palette-text-secondary);flex-shrink: 0;margin-right: 1rem}.subscription-page-container .mud-simple-table td:last-child{padding-top: 0.5rem !important;justify-content: flex-start}.subscription-page-container .mud-simple-table td:last-child:before{display: none}.subscription-page-container .mud-card{box-shadow: none !important;border: none !important}.subscription-page-container .subscription-summary-card,.subscription-page-container .selected-plan-details-card,.subscription-page-container .invoice-history-card{box-shadow: none !important;border: none !important;background: transparent !important}.subscription-page-container .mud-card-content{padding-left: 0 !important;padding-right: 0 !important}.subscription-page-container .content-card{box-shadow: none !important;border: none !important;padding-bottom: 50px}.subscription-page-container .card-content{padding: 0 10px 0px 10px !important}}.subscription-page-container .mud-table .mud-table-head .mud-table-cell{font-weight: 600;color: var(--mud-palette-text-primary);border-bottom: 2px solid var(--mud-palette-divider)}.subscription-page-container .mud-table .mud-table-body .mud-table-row:hover{background-color: rgba(var(--mud-palette-primary-rgb),0.04)}.subscription-page-container .mud-table .mud-table-body .mud-table-cell{border-bottom: 1px solid rgba(var(--mud-palette-divider-rgb),0.5)}.subscription-page-container .payment-option-card:focus-visible{outline: 2px solid var(--mud-palette-primary);outline-offset: 2px}.subscription-page-container .proceed-button:focus-visible{outline: 2px solid var(--mud-palette-primary);outline-offset: 2px}.subscription-page-container .payment-option-card.selected .mud-icon{animation: bounce 0.6s ease}@keyframes bounce{0%,20%,60%,100%{transform: translateY(0)}40%{transform: translateY(-10px)}80%{transform: translateY(-5px)}}.user-info-display{margin: 1.5rem 0}.user-info-card{border-radius: 12px;border: 1px solid rgba(0,123,255,0.1);background: rgba(255,255,255,0.95);backdrop-filter: blur(10px)}.info-grid{display: flex;flex-direction: column;gap: 1rem}.info-row{display: flex;align-items: center;gap: 0.75rem;padding: 0.5rem 0}.info-icon{color: rgba(0,123,255,0.7);font-size: 1.25rem;min-width: 24px}.info-icon.provider-icon{color: rgba(0,123,255,0.8)}.info-content{flex: 1;display: flex;flex-direction: column;gap: 0.25rem}.info-label{color: rgba(0,0,0,0.6);font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px}.info-value{color: rgba(0,0,0,0.87);font-weight: 500}.provider-facebook{background-color: #1877f2 !important;color: white !important}.provider-google{background-color: #4285f4 !important;color: white !important}.provider-microsoft{background-color: #0078d4 !important;color: white !important}.provider-linkedin{background-color: #0077b5 !important;color: white !important}.provider-twitter{background-color: #1da1f2 !important;color: white !important}.provider-default{background-color: rgba(0,123,255,0.1) !important;color: rgba(0,123,255,0.8) !important}.terms-acceptance{background: rgba(248,249,250,0.8);border: 1px solid rgba(0,123,255,0.1);border-radius: 8px;padding: 1.5rem;margin: 1rem 0}.terms-checkbox .mud-checkbox-content{align-items: flex-start !important}.terms-text{line-height: 1.6;color: rgba(0,0,0,0.8)}.terms-link{color: rgba(0,123,255,0.8) !important;text-decoration: underline;font-weight: 500}.terms-link:hover{color: rgba(0,123,255,1) !important;text-decoration: underline}.auth-button-group{display: flex;flex-direction: column;gap: 1rem;margin-top: 1.5rem}.auth-submit-button{height: 48px;border-radius: 8px;font-weight: 600;text-transform: none;letter-spacing: 0.5px;box-shadow: 0 2px 8px rgba(0,123,255,0.2);transition: all 0.3s ease}.auth-submit-button:hover{box-shadow: 0 4px 12px rgba(0,123,255,0.3);transform: translateY(-1px)}.auth-submit-button:disabled{opacity: 0.7;transform: none}.auth-cancel-button{height: 40px;border-radius: 8px;font-weight: 500;text-transform: none;color: rgba(0,0,0,0.6) !important}.auth-cancel-button:hover{background-color: rgba(0,0,0,0.04) !important}.loading-container{display: flex;flex-direction: column;align-items: center;gap: 1rem;padding: 2rem;text-align: center}.loading-text{color: rgba(0,0,0,0.6)}.error-section{text-align: center}.error-alert{margin-bottom: 1.5rem;border-radius: 8px}.back-to-login-button{font-weight: 500;text-transform: none;border-radius: 8px}.section-title{color: rgba(0,0,0,0.87);font-weight: 600;margin-bottom: 1rem}@media (max-width: 768px){.user-info-card{border-radius: 8px}.info-row{padding: 0.75rem 0}.terms-acceptance{padding: 1rem;border-radius: 6px}.auth-submit-button{height: 44px;font-size: 0.9rem}}@media (max-width: 480px){.info-grid{gap: 0.75rem}.info-row{gap: 0.5rem;padding: 0.5rem 0}.info-icon{font-size: 1.1rem;min-width: 22px}.terms-acceptance{padding: 0.75rem;margin: 0.75rem 0}.terms-text{font-size: 0.9rem}}.form-page .card-title{display: flex;align-items: center;gap: var(--space-4);font-weight: var(--font-semibold);color: var(--text-primary);flex: 1;min-width: 0}.form-action-menu{display: flex;align-items: center;gap: var(--space-3);position: relative;z-index: 1000}.form-menu-item{display: flex;align-items: center;justify-content: center;padding: 10px;border-radius: 12px;background: white;border: 1.5px solid var(--gray-200);cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);width: 40px;height: 40px;box-shadow: 0 2px 4px rgba(0,0,0,0.04)}.form-menu-item:hover:not(:disabled){background: var(--surface-secondary);border-color: var(--gray-300);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.08)}.form-menu-item:active:not(:disabled){transform: translateY(0)}.form-menu-item:disabled{opacity: 0.4;cursor: not-allowed}.form-menu-item.save-button{background: linear-gradient(135deg,var(--taloma-primary) 0%,var(--taloma-primary-dark) 100%);border-color: var(--taloma-primary);color: white;box-shadow: 0 4px 12px rgba(37,99,235,0.3)}.form-menu-item.save-button:hover:not(:disabled){box-shadow: 0 8px 20px rgba(37,99,235,0.4);transform: translateY(-2px)}.form-menu-item.cancel-button{border-color: var(--gray-300)}.form-menu-item.complete-button:hover:not(:disabled){background: var(--color-success-light,rgba(16,185,129,0.1));border-color: var(--color-success,#10b981);color: var(--color-success,#10b981)}.form-menu-item.delete-button:hover:not(:disabled){background: var(--color-error-light,rgba(239,68,68,0.1));border-color: var(--color-error,#ef4444);color: var(--color-error,#ef4444)}.field-group{border: 1px solid rgba(226,232,240,0.8);border-radius: 16px;padding: var(--space-5);transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}.field-group:hover{border-color: rgba(203,213,225,0.9);box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.field-group-content{display: flex;flex-direction: column;gap: var(--space-4)}.field-group-label{font-size: var(--text-xs);font-weight: var(--font-semibold);color: var(--gray-500);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: var(--space-4);display: flex;align-items: center;gap: var(--space-2)}.field-group-label::before{content:'';width: 3px;height: 14px;background: linear-gradient(135deg,var(--taloma-primary) 0%,#6366f1 100%);border-radius: 2px}.form-page .mud-input-control-input-container{background-color: transparent !important;border-radius: 12px !important;transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important}.form-page .mud-input-outlined fieldset{border: 1px solid #d1d5db !important;border-radius: 12px !important;background-color: transparent !important}.form-page .mud-input-outlined .mud-input-outlined-border,.form-page .mud-input-root-outlined .mud-input-slot{border-radius: 12px !important;background-color: transparent !important}.form-page .mud-input-outlined:hover:not(.mud-disabled) .mud-input,.form-page .mud-input-outlined:hover:not(.mud-disabled) .mud-input-text{background-color: #f3f4f6 !important}.form-page .mud-input-outlined:hover:not(.mud-disabled) fieldset,.form-page .mud-input-outlined:hover:not(.mud-disabled) .mud-input-outlined-border{border-color: #9ca3af !important}.form-page .mud-input-outlined.mud-input-focused .mud-input,.form-page .mud-input-outlined.mud-input-focused .mud-input-text{background-color: #eff6ff !important}.form-page .mud-input-outlined.mud-input-focused .mud-input-outlined-border,.form-page .mud-input-outlined.mud-input-focused fieldset{border-color: var(--taloma-primary) !important;border-width: 2px !important;box-shadow: 0 0 0 4px rgba(37,99,235,0.08) !important}.form-page .mud-input,.form-page .mud-input-text{color: var(--text-primary) !important;font-weight: var(--font-normal) !important;padding: 12px 12px !important;position: relative !important;z-index: 1 !important;background-color: #fafafa !important;border-radius: 12px !important}.form-page .mud-input-root-outlined{padding: 0px !important}.form-page .mud-input::placeholder{color: var(--gray-400) !important;font-weight: var(--font-normal)}.form-page textarea.mud-input-root-outlined.mud-input-root-margin-dense{padding-top: 10px !important;padding-left: 3px}.form-page .mud-input-label,.form-page .mud-input-label-inputcontrol{position: static !important;transform: none !important;font-weight: var(--font-medium) !important;color: var(--gray-600) !important;font-size: var(--text-xs) !important;margin-bottom: 6px !important;display: block !important;background: transparent !important;padding: 0 !important;order: -1 !important}.form-page .mud-input-label,.form-page .mud-input-root:focus-within .mud-input-label,.form-page .mud-input-control:focus-within .mud-input-label{color: var(--gray-600) !important}.form-page .mud-input-control{display: flex !important;flex-direction: column !important}.form-page .mud-input-control-input-container{order: 1 !important}.form-page .mud-input-outlined fieldset legend{display: none !important}.form-page .mud-input-slot{padding-top: 0 !important}.field-row-2col{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-4);width: 100%}.date-invoice-row,.house-management .field-row-2col,.edit-house-log .field-row-2col{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-4);width: 100%}.date-invoice-field{width: 100%}.field-row-3col{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-4);width: 100%}.form-totals-section{display: flex;flex-direction: column;gap: 0}.form-totals-section .field-group:hover{background: rgba(255,255,255,0.85);box-shadow: 0 8px 24px rgba(0,0,0,0.08)}.form-totals-section .field-group-content{gap: var(--space-3)}.form-totals-section .mud-input,.form-totals-section .mud-input input,.form-totals-section input.mud-input-root{text-align: right !important;font-weight: var(--font-medium) !important;background-color: #f3f4f6 !important}.form-totals-section .mud-input-numeric input{text-align: right !important}.form-totals-section .mud-input-adornment-start{order: 2;margin-left: var(--space-2) !important;margin-right: 0 !important}.form-totals-section .mud-input-label{text-align: right !important}.total-cost-field{margin-top: var(--space-2);padding-top: var(--space-2);border-top: 2px solid rgba(16,185,129,0.15)}.total-cost-field .mud-input{color: var(--color-success) !important}.total-cost-field .mud-input-adornment{color: var(--color-success) !important;font-weight: var(--font-bold)}@media (min-width: 960px){.form-totals-section{position: sticky;top: calc(var(--app-header-height) + var(--space-6));align-self: flex-start}}.desktop-action-buttons{margin-top: var(--space-8);padding-top: var(--space-8);border-top: 1px solid var(--gray-200)}.desktop-action-buttons .mud-button-root{border-radius: 12px !important;padding: 14px 32px !important;font-weight: var(--font-semibold) !important;text-transform: none !important;font-size: var(--text-base) !important;transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important}.desktop-action-buttons .mud-button-filled{box-shadow: 0 4px 16px rgba(37,99,235,0.3) !important;background: linear-gradient(135deg,var(--taloma-primary) 0%,var(--taloma-primary-dark) 100%) !important}.desktop-action-buttons .mud-button-filled:hover{box-shadow: 0 8px 24px rgba(37,99,235,0.4) !important;transform: translateY(-2px)}.desktop-action-buttons .mud-button-filled:active{transform: translateY(0)}.desktop-action-buttons .mud-button-outlined{border: 2px solid var(--gray-300) !important;box-shadow: 0 2px 4px rgba(0,0,0,0.04) !important}.desktop-action-buttons .mud-button-outlined:hover{background: var(--surface-secondary) !important;border-color: var(--gray-400) !important;box-shadow: 0 4px 8px rgba(0,0,0,0.08) !important}.form-floating-actions{display: none}.form-upload-section{display: flex;flex-direction: column}.form-upload-actions{display: flex;flex-direction: row;gap: var(--space-2);margin-bottom: var(--space-5)}.form-upload-button{border: 2px dashed var(--gray-300) !important;border-radius: 12px !important;font-weight: var(--font-medium) !important;text-transform: none !important;transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;font-size: var(--text-sm) !important;padding: 10px 16px !important;min-width: auto !important;box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;flex: 1;background: white !important}.form-upload-button:hover{border-color: var(--taloma-primary) !important;background: var(--taloma-primary-light) !important;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(37,99,235,0.15) !important}.analyze-receipt-button{background: linear-gradient(135deg,var(--taloma-primary) 0%,#6366f1 100%) !important;border: none !important;color: white !important;border-radius: 12px !important;font-weight: var(--font-medium) !important;text-transform: none !important;transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;font-size: var(--text-sm) !important;padding: 10px 16px !important;min-width: auto !important;flex: 1;box-shadow: 0 4px 16px rgba(37,99,235,0.3) !important}.analyze-receipt-button:hover{box-shadow: 0 8px 24px rgba(37,99,235,0.4) !important;transform: translateY(-2px)}.form-file-preview-list{display: flex;flex-direction: column;gap: var(--space-3);margin-top: var(--space-4)}.form-file-preview-item{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-4);background: white;border: 1px solid var(--gray-200);border-radius: 12px;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 2px 4px rgba(0,0,0,0.04);animation: slideUpFadeIn 0.4s cubic-bezier(0.4,0,0.2,1)}.form-file-preview-item:hover{background: var(--surface-secondary);border-color: var(--gray-300);box-shadow: 0 4px 12px rgba(0,0,0,0.08);transform: translateY(-1px)}.form-file-preview-item.new{border-color: var(--color-success)}.form-file-preview-info{flex: 1;min-width: 0}.form-loading-state{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--space-16);gap: var(--space-4)}.rating-field{display: flex;flex-direction: column;gap: var(--space-2);margin-top: var(--space-2)}.rating-label{font-weight: var(--font-medium);color: var(--gray-600);font-size: var(--text-xs)}.optional-fields-accordion{border: 1px solid rgba(226,232,240,0.8);border-radius: 16px;background: white;box-shadow: 0 1px 3px rgba(0,0,0,0.04)}.optional-fields-accordion .mud-expand-panel{border: none !important;box-shadow: none !important}.optional-fields-accordion .mud-expand-panel-header{padding: var(--space-4) var(--space-5);min-height: 48px;background: transparent;transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}.optional-fields-accordion .mud-expand-panel-header:hover{background: var(--surface-secondary)}.expansion-panel-header{display: flex;align-items: center;gap: var(--space-2);width: 100%}.expansion-panel-header .mud-icon{color: var(--taloma-primary)}.optional-fields-accordion .mud-expand-panel-content{padding: 0;background: var(--surface-secondary);border-top: 1px solid var(--gray-200)}.optional-fields-accordion .field-group{background: white}.form-menu-item:focus-visible,.form-cancel-button:focus-visible,.form-save-button:focus-visible{outline: 3px solid var(--taloma-primary);outline-offset: 3px}@media (prefers-reduced-motion: reduce){.form-page *::before,.form-page *::after{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important}}@keyframes slideUpFadeIn{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}@media (min-width: 768px) and (max-width: 1024px){.form-page .main-content-container{padding: var(--space-6)}.form-page .card-content{padding: var(--space-6)}}@media (max-width: 768px){.form-page .main-content-container{padding: 0;padding-top: var(--space-4)}.form-page .content-card{border-radius: 0;box-shadow: none;border: none;margin-bottom: 0;min-height: calc(100vh - 80px);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-backface-visibility: hidden;backface-visibility: hidden}.form-page .card-header{justify-content: flex-end;position: sticky;top: 0;z-index: 100;padding: var(--space-3) var(--space-4);border-bottom: 1px solid var(--gray-200);-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform}.form-action-menu{position: relative;z-index: 1001}.form-menu-item.save-button,.form-menu-item.cancel-button{display: none}.form-page .card-content{padding: var(--space-1);padding-top: var(--space-3);padding-bottom: 120px;background: var(--surface-primary);-webkit-overflow-scrolling: touch;overscroll-behavior-y: auto}.field-group{border: none;padding: var(--space-4);margin-left: 0 !important;margin-right: 0 !important;width: 100% !important;box-sizing: border-box}.field-group-content{gap: var(--space-2)}.form-page .mud-input-root{min-height: 32px}.form-page .mud-input{font-size: 16px !important;padding: 8px !important}.form-page .mud-input-control,.form-page .mud-select,.form-page .mud-input-outlined{max-width: 100% !important;box-sizing: border-box}.field-row-2col{grid-template-columns: 1fr;gap: var(--space-3)}.totals-content .field-row-2col{grid-template-columns: 1fr 1fr}.field-row-2col > *,.field-row-3col > *{width: 100% !important;max-width: 100% !important}.field-row-3col{grid-template-columns: 1fr;gap: 0}.form-upload-actions{flex-direction: column;gap: var(--space-3)}.form-upload-button{padding: 14px !important;font-size: var(--text-sm) !important}.form-page .form-totals-section{background: linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);padding: var(--space-2) !important;border-radius: 16px;margin-bottom: var(--space-2)}.desktop-action-buttons{display: none !important}.form-floating-actions{display: flex;position: fixed;bottom: 0;left: 0;right: 0;padding: var(--space-4);background: rgba(255,255,255,0.98);border-top: 1px solid var(--gray-200);box-shadow: 0 -4px 16px rgba(0,0,0,0.1);gap: var(--space-3);z-index: var(--z-sticky)}.form-cancel-button,.form-save-button{flex: 1;display: flex;align-items: center;justify-content: center;gap: var(--space-2);padding: 16px 20px;border: none;border-radius: 14px;font-size: var(--text-base);font-weight: var(--font-semibold);cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);-webkit-tap-highlight-color: transparent}.form-cancel-button{background: var(--surface-secondary);color: var(--text-primary);border: 2px solid var(--gray-300)}.form-cancel-button:active{background: var(--surface-tertiary);transform: scale(0.96)}.form-save-button{background: linear-gradient(135deg,var(--taloma-primary) 0%,var(--taloma-primary-dark) 100%);color: white;box-shadow: 0 4px 16px rgba(37,99,235,0.4)}.form-save-button:active:not(:disabled){transform: scale(0.96);box-shadow: 0 2px 8px rgba(37,99,235,0.3)}.form-save-button:disabled{opacity: 0.5;cursor: not-allowed}.form-save-button.loading{background: var(--taloma-primary-hover)}.form-page.mud-dialog{max-width: 100vw !important;margin: 0 !important}.form-page .mud-dialog-content{padding: var(--space-4) !important;overflow-x: hidden !important}.form-page .mud-grid{margin: 0 !important;width: 100% !important}.form-page .mud-grid-item{padding: 0 !important;margin-bottom: var(--space-2)}.optional-fields-accordion{border-radius: 12px}.optional-fields-accordion .mud-expand-panel-header{padding: var(--space-3) var(--space-4)}.optional-fields-accordion .mud-expand-panel-content{padding: 0 !important}.optional-fields-accordion .pa-4{padding: var(--space-3) !important}.expansion-panel-header{font-size: var(--text-sm)}}.partner-portal-layout{display: flex;min-height: 100vh;background: var(--taloma-background-color,#f8f9fa);font-family: var(--taloma-font-family-primary,-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif)}.partner-portal-sidebar{width: 280px;background: var(--taloma-surface-color,white);border-right: 1px solid var(--taloma-border-color,#e0e0e0);box-shadow: 2px 0 8px rgba(0,0,0,0.05);position: fixed;height: 100vh;overflow-y: auto;z-index: 1000;display: flex;flex-direction: column;padding-top: 80px}.partner-portal-sidebar-header{padding: 20px;border-bottom: 1px solid var(--taloma-border-color,#e0e0e0);background: linear-gradient(135deg,#2E7D32 0%,#66BB6A 100%);color: white;flex-shrink: 0}.partner-portal-sidebar-header h2{margin: 0;font-size: var(--taloma-font-size-lg,1.125rem);font-weight: var(--taloma-font-weight-bold,700);color: white}.partner-portal-nav-menu{flex: 1;padding: 0}.partner-portal-nav-section{padding: 16px 0}.partner-portal-nav-item{display: flex;align-items: center;padding: 12px 20px;text-decoration: none;color: var(--taloma-text-secondary,#666);font-size: var(--taloma-font-size-sm,0.875rem);font-weight: var(--taloma-font-weight-medium,500);transition: all 0.2s ease;border-left: 3px solid transparent}.partner-portal-nav-item:hover{background: var(--taloma-background-hover,#f5f5f5);color: var(--taloma-text-primary,#333);text-decoration: none}.partner-portal-nav-item.active{background: var(--taloma-primary-light,#e8f5e8);color: var(--taloma-primary,#2E7D32);border-left-color: var(--taloma-primary,#2E7D32);font-weight: var(--taloma-font-weight-semibold,600)}.partner-portal-nav-icon{margin-right: 12px;font-size: 20px}.partner-portal-sidebar-footer{padding: 16px 20px;border-top: 1px solid var(--taloma-border-color,#e0e0e0);background: var(--taloma-background-subtle,#fafafa);flex-shrink: 0}.partner-portal-content{flex: 1;padding-top: 90px;margin-left: 280px;min-height: 100vh;background: #f1f1f1 !important}@media (max-width: 1024px){.partner-portal-sidebar{width: 260px}.partner-portal-content{margin-left: 260px}}@media (max-width: 768px){.partner-portal-layout{flex-direction: column}.partner-portal-sidebar{width: 100%;height: auto;position: relative;border-right: none;border-bottom: 1px solid var(--taloma-border-color,#e0e0e0)}.partner-portal-content{margin-left: 0}.partner-portal-nav-menu{display: flex;overflow-x: auto;padding: 0}.partner-portal-nav-section{display: flex;padding: 8px;white-space: nowrap}.partner-portal-nav-item{padding: 8px 16px;border-left: none;border-bottom: 3px solid transparent;white-space: nowrap}.partner-portal-nav-item.active{border-left: none;border-bottom-color: var(--taloma-primary,#2E7D32)}.partner-portal-sidebar-footer{display: none}}.partner-portal-page-header{padding: 24px 32px;background: var(--taloma-surface-color,white);border-bottom: 1px solid var(--taloma-border-color,#e0e0e0);margin-bottom: 24px;margin-left: 32px;max-width: 996px;border: 1px solid var(--taloma-border-color,#e0e0e0);border-radius: var(--taloma-border-radius,8px)}.partner-portal-page-title{margin: 0;font-size: var(--taloma-font-size-xl,1.5rem);font-weight: var(--taloma-font-weight-bold,700);color: var(--taloma-text-primary,#333)}.partner-portal-page-subtitle{margin: 4px 0 0 0;font-size: var(--taloma-font-size-sm,0.875rem);color: var(--taloma-text-secondary,#666);font-weight: var(--taloma-font-weight-normal,400)}.partner-portal-page-content{padding: 0 32px 32px 32px}.partner-portal-card{background: var(--taloma-surface-color,white);border: 1px solid var(--taloma-border-color,#e0e0e0);border-radius: var(--taloma-border-radius,8px);box-shadow: 0 2px 4px rgba(0,0,0,0.05);margin-bottom: 24px;max-width: 996px}.partner-portal-card-header{padding: 20px;border-bottom: 1px solid var(--taloma-border-color,#e0e0e0)}.partner-portal-card-title{margin: 0;font-size: var(--taloma-font-size-lg,1.125rem);font-weight: var(--taloma-font-weight-semibold,600);color: var(--taloma-text-primary,#333)}.partner-portal-card-content{padding: 20px}.partner-portal-loading{display: flex;justify-content: center;align-items: center;min-height: 200px;color: var(--taloma-text-secondary,#666)}.partner-portal-empty-state{text-align: center;padding: 40px;color: var(--taloma-text-secondary,#666)}.partner-portal-empty-state h3{margin-bottom: 8px;color: var(--taloma-text-primary,#333)}.partner-portal-metrics{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 20px;margin-bottom: 24px;max-width:996px}.partner-portal-metric-card{background: var(--taloma-surface-color,white);border: 1px solid var(--taloma-border-color,#e0e0e0);border-radius: var(--taloma-border-radius,8px);padding: 20px;text-align: center;box-shadow: 0 2px 4px rgba(0,0,0,0.05)}.partner-portal-metric-value{font-size: var(--taloma-font-size-2xl,2rem);font-weight: var(--taloma-font-weight-bold,700);color: var(--taloma-primary,#2E7D32);display: block}.partner-portal-metric-label{font-size: var(--taloma-font-size-sm,0.875rem);color: var(--taloma-text-secondary,#666);margin-top: 4px}.suppliers-page .statistics-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: var(--space-4)}.suppliers-page .stat-card{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: var(--space-4);display: flex;align-items: center;gap: var(--space-4);transition: all 0.2s ease}.suppliers-page .stat-card:hover{border-color: var(--border-medium);box-shadow: var(--shadow-sm)}.suppliers-page .stat-icon{width: 48px;height: 48px;background: var(--gray-100);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.suppliers-page .stat-icon.preferred{background: var(--color-warning-light);color: var(--color-warning)}.suppliers-page .stat-icon.cost{background: var(--color-success-light);color: var(--color-success)}.suppliers-page .stat-icon.recent{background: var(--color-info-light);color: var(--color-info)}.suppliers-page .stat-content{flex: 1}.suppliers-page .stat-value{font-size: var(--text-2xl);font-weight: var(--font-semibold);color: var(--text-primary);line-height: 1.2}.suppliers-page .stat-label{margin-top: var(--space-1)}.suppliers-page .search-filter-section{margin-bottom: var(--space-4)}.suppliers-page .search-filter-container{display: flex;gap: var(--space-4);align-items: center;flex-wrap: wrap}.suppliers-page .search-input-wrapper{flex: 1;min-width: 300px}.suppliers-page .search-field{width: 100%}.suppliers-page .filter-buttons{display: flex;gap: var(--space-3);flex-wrap: wrap}.suppliers-page .suppliers-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--space-4)}.suppliers-page .supplier-card{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: var(--space-4);cursor: pointer;transition: all 0.2s ease;display: flex;flex-direction: column}.suppliers-page .supplier-card:hover{border-color: var(--taloma-primary);box-shadow: var(--shadow-md);transform: translateY(-2px)}.suppliers-page .supplier-card-header{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: var(--space-3)}.suppliers-page .supplier-avatar{flex-shrink: 0}.suppliers-page .supplier-actions{display: flex;align-items: center;gap: var(--space-2)}.suppliers-page .supplier-card-body{flex: 1;display: flex;flex-direction: column;gap: var(--space-2)}.suppliers-page .supplier-name{color: var(--text-primary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.suppliers-page .supplier-specialization{min-height: 40px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.suppliers-page .supplier-stats{display: flex;gap: var(--space-4);margin-top: auto;padding-top: var(--space-3)}.suppliers-page .supplier-stat{display: flex;align-items: center;gap: var(--space-1);font-size: var(--text-sm);color: var(--text-secondary)}.suppliers-page .supplier-card-footer{display: flex;gap: var(--space-2);padding-top: var(--space-3);border-top: 1px solid var(--border-light);margin-top: var(--space-3)}.suppliers-page .supplier-contact{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border: 1px solid var(--border-light);border-radius: var(--radius-md);color: var(--text-secondary);transition: all 0.2s ease;text-decoration: none}.suppliers-page .supplier-contact:hover{background: var(--taloma-primary);border-color: var(--taloma-primary);color: white}.suppliers-page .suppliers-list{display: flex;flex-direction: column;gap: var(--space-3)}.suppliers-page .supplier-list-item{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: var(--space-4);display: flex;align-items: center;gap: var(--space-4);cursor: pointer;transition: all 0.2s ease;position: relative}.suppliers-page .supplier-list-item:hover{border-color: var(--taloma-primary);box-shadow: var(--shadow-sm)}.suppliers-page .supplier-list-main{flex: 1;display: flex;align-items: center;gap: var(--space-3);padding-right: 40px}.suppliers-page .supplier-list-info{flex: 1;min-width: 0}.suppliers-page .supplier-list-header{display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-1)}.suppliers-page .supplier-list-details{display: flex;align-items: center;gap: var(--space-3)}.suppliers-page .supplier-detail-item{display: flex;align-items: center;gap: 4px}.suppliers-page .supplier-list-stats{display: flex;gap: var(--space-6);padding: 0 var(--space-4)}.suppliers-page .supplier-list-stats .stat-item{display: flex;flex-direction: column;align-items: center;gap: var(--space-1)}.suppliers-page .supplier-list-actions{position: absolute;top: var(--space-2);right: var(--space-2);display: flex;gap: var(--space-2);z-index: 2}.suppliers-page .supplier-list-item{position: relative}.suppliers-page .supplier-list-actions .mud-menu{position: relative;z-index: 3}.supplier-list-actions .mud-menu .mud-button-root{min-width: unset;padding: 6px;border-radius: var(--radius-md);position: relative;z-index: 4;transition: background-color 0.15s ease}.supplier-list-actions .mud-menu .mud-button-root:hover{background-color: var(--gray-100)}.supplier-list-item:hover .supplier-list-actions{position: relative}.suppliers-page .empty-state{padding: var(--space-12) var(--space-6);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;min-height: 400px}.suppliers-page .pagination-container{display: flex;justify-content: center;padding-top: var(--space-6);margin-top: var(--space-6);border-top: 1px solid var(--border-light)}.top-suppliers-widget .top-suppliers-list{display: flex;flex-direction: column;gap: var(--space-3)}.suppliers-page .top-supplier-item{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-2) 0;border-bottom: 1px solid var(--border-light)}.top-supplier-item:last-child{border-bottom: none}.top-supplier-info{flex: 1;min-width: 0}.top-supplier-info .supplier-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.top-supplier-info .supplier-amount{margin-top: var(--space-1)}.suppliers-page .quick-actions-widget .card-content{padding: var(--space-3)}.suppliers-page .quick-actions-sidebar{display: flex;flex-direction: column;gap: 8px}.suppliers-page .quick-action-button{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 12px;padding: 12px 16px;border: 1px solid var(--border-light);border-radius: 12px;background: var(--surface-primary);cursor: pointer;transition: all 0.2s ease;font-size: 0.8125rem;font-weight: 500;color: var(--text-primary);text-align: left}.suppliers-page .quick-action-button:hover{background: var(--surface-tertiary);border-color: var(--border-medium);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.1)}.suppliers-page .quick-action-button.primary{border-color: var(--color-success);color: var(--color-success)}.suppliers-page .quick-action-button.primary:hover{background: var(--color-success-light)}.suppliers-page .quick-action-button.secondary{border-color: var(--taloma-primary);color: var(--taloma-primary)}.suppliers-page .quick-action-button.secondary:hover{background: var(--taloma-primary-light)}.suppliers-page .quick-action-button.tertiary{border-color: var(--gray-400);color: var(--gray-700)}.suppliers-page .quick-action-button.tertiary:hover{background: var(--gray-100)}.suppliers-page .empty-widget-state{padding: var(--space-6) var(--space-4);text-align: center}@media (max-width: 768px){.suppliers-page .statistics-grid{grid-template-columns: repeat(2,1fr);gap: var(--space-3)}.suppliers-page .stat-card{padding: var(--space-3)}.suppliers-page .stat-icon{width: 40px;height: 40px}.suppliers-page .stat-value{font-size: var(--text-xl)}.suppliers-page .search-filter-container{flex-direction: column;align-items: stretch}.suppliers-page .search-input-wrapper{min-width: auto}.suppliers-page .filter-buttons{justify-content: center}.suppliers-page .suppliers-grid{grid-template-columns: 1fr}.suppliers-page .page-content{flex-direction: column}.suppliers-page .page-sidebar{width: 100%;margin-top: var(--space-6)}.suppliers-page .supplier-list-item{flex-direction: column;gap: var(--space-3);padding: var(--space-3);padding-top: var(--space-4)}.suppliers-page .supplier-list-main{width: 100%;padding-right: 40px}.suppliers-page .supplier-list-stats{width: 100%;padding: 0;gap: var(--space-4);justify-content: flex-start;border-top: 1px solid var(--border-light);padding-top: var(--space-2)}.suppliers-page .supplier-list-actions{position: absolute;top: var(--space-2);right: var(--space-2)}}@media (max-width: 480px){.suppliers-page .suppliers-page{padding: var(--space-3)}.suppliers-page .statistics-grid{grid-template-columns: 1fr}.suppliers-page .supplier-list-item{padding: var(--space-2)}.suppliers-page .supplier-list-header{flex-wrap: wrap}.suppliers-page .supplier-list-details{flex-wrap: wrap;gap: var(--space-2)}.suppliers-page .supplier-list-stats{flex-direction: column;gap: var(--space-2);padding-top: var(--space-2)}.suppliers-page .supplier-list-stats .stat-item{flex-direction: row;justify-content: space-between;width: 100%}}.support-page{--support-primary: var(--taloma-primary);--support-success: var(--color-success);--support-warning: var(--color-warning);--support-error: var(--color-error)}.support-page .settings-nav-container{border-bottom: 1px solid var(--border-light);margin-bottom: var(--space-6)}.support-page .settings-nav{display: flex;gap: 0}.support-page .nav-tab{background: none;border: none;padding: var(--space-4) var(--space-5);color: var(--text-secondary);font-size: var(--text-sm);font-weight: var(--font-medium);cursor: pointer;border-bottom: 2px solid transparent;transition: var(--transition-normal);display: flex;align-items: center;gap: var(--space-2)}.support-page .nav-tab:hover{color: var(--text-primary)}.support-page .nav-tab.active{color: var(--taloma-primary);border-bottom-color: var(--taloma-primary)}.support-page .nav-tab .mud-icon{opacity: 0.7}.support-page .nav-tab.active .mud-icon{opacity: 1}.support-page .card-content .tab-panel{display: none}.support-page .card-content .tab-panel.active{display: block}.support-contact-section{display: grid;grid-template-columns: 2fr 1fr;gap: var(--space-8);align-items: start}@media (max-width: 1024px){.support-contact-section{grid-template-columns: 1fr;gap: var(--space-6)}}.support-page .contact-form-wrapper{background: var(--surface-primary);border-radius: var(--radius-lg);border: 1px solid var(--border-light);padding: var(--space-6)}.support-page .contact-form-header{margin-bottom: var(--space-6);text-align: center}.support-page .contact-form-header h3{margin: 0 0 var(--space-2) 0;color: var(--text-primary)}.support-page .contact-form-header p{margin: 0;color: var(--text-secondary)}.support-page .support-contact-form{max-width: 100%}.support-page .form-grid{display: flex;flex-direction: column;gap: var(--space-6)}.support-page .form-section{background: var(--surface-secondary);border-radius: var(--radius-md);padding: var(--space-5)}.support-page .form-section-title{margin: 0 0 var(--space-4) 0;font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--text-primary);border-bottom: 2px solid var(--support-primary);padding-bottom: var(--space-2)}.support-page .form-row{margin-bottom: var(--space-4)}.support-page .form-field{width: 100%}.support-page .priority-item{display: flex;align-items: center;gap: var(--space-2)}.support-page .form-actions{display: flex;justify-content: space-between;align-items: center;margin-top: var(--space-6);padding-top: var(--space-4);border-top: 1px solid var(--border-light)}.support-page .form-actions-left{display: flex;align-items: center}.support-page .form-actions-right{display: flex;gap: var(--space-3);align-items: center}.support-page .privacy-notice{display: flex;align-items: center;gap: var(--space-2);color: var(--text-secondary)}.support-page .privacy-notice .mud-icon{color: var(--support-success)}.support-page .submit-button.mud-button-filled{background-color: var(--support-primary);min-width: 140px}.support-page .submit-button .mud-progress-circular{margin-right: var(--space-2)}.support-page .form-validation-summary{margin-top: var(--space-4);padding: var(--space-4);background-color: var(--color-error-light);border: 1px solid var(--support-error);border-radius: var(--radius-md);color: var(--support-error)}.support-page .form-validation-summary ul{margin: 0;padding-left: var(--space-4)}.support-page .contact-info-sidebar{display: flex;flex-direction: column;gap: var(--space-4)}.support-page .my-tickets-section{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: var(--space-5)}.support-page .my-tickets-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--space-4)}.support-page .my-tickets-header h4{margin: 0;color: var(--text-primary);font-weight: var(--font-semibold)}.support-page .tickets-loading{display: flex;flex-direction: column;align-items: center;gap: var(--space-3);padding: var(--space-6);color: var(--text-secondary)}.support-page .tickets-list{display: flex;flex-direction: column;gap: var(--space-3);max-height: 600px;overflow-y: auto}.support-page .tickets-empty{display: flex;flex-direction: column;align-items: center;gap: var(--space-3);padding: var(--space-6);color: var(--text-secondary);text-align: center}.support-page .view-all-tickets{margin-top: var(--space-3);padding-top: var(--space-3);border-top: 1px solid var(--border-light)}.support-page .contact-info-card,.support-page .quick-help-card{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: var(--space-5)}.support-page .contact-info-card h4,.support-page .quick-help-card h4{margin: 0 0 var(--space-4) 0;color: var(--text-primary);font-weight: var(--font-semibold)}.support-page .support-info-item{display: flex;align-items: flex-start;gap: var(--space-3);margin-bottom: var(--space-4)}.support-info-item:last-child{margin-bottom: 0}.support-info-item .mud-icon{color: var(--support-primary);margin-top: 2px;flex-shrink: 0}.support-info-item div{display: flex;flex-direction: column;gap: var(--space-1)}.support-page .info-label{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary)}.support-page .info-value{font-size: var(--text-sm);color: var(--text-secondary)}.quick-help-card p{margin: 0 0 var(--space-4) 0;color: var(--text-secondary)}.support-page .faq-section{display: flex;flex-direction: column;gap: var(--space-6)}.support-page .faq-header{display: flex;flex-direction: column;gap: var(--space-4)}.support-page .faq-search-container{max-width: 400px}.support-page .faq-search-field{width: 100%}.support-page .faq-categories{display: flex;flex-wrap: wrap;gap: var(--space-2)}.support-page .faq-content{flex: 1}.support-page .faq-loading{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--space-4);padding: var(--space-8);color: var(--text-secondary)}.support-page .faq-list{display: flex;flex-direction: column;gap: var(--space-4)}.support-page .faq-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--space-4);padding: var(--space-8);text-align: center;color: var(--text-secondary)}.support-page .faq-empty .mud-icon{color: var(--text-tertiary)}.support-page .faq-empty h4{margin: 0;color: var(--text-primary)}.support-page .faq-empty p{margin: 0;max-width: 400px}.support-page .faq-pagination{display: flex;justify-content: center;margin-top: var(--space-6)}.support-page .faq-item{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: var(--radius-md);overflow: hidden;transition: var(--transition-normal)}.support-page .faq-item:hover{border-color: var(--border-medium);box-shadow: var(--shadow-sm)}.support-page .faq-item.expanded{border-color: var(--support-primary);box-shadow: var(--shadow-md)}.support-page .faq-question{display: flex;align-items: center;justify-content: space-between;padding: var(--space-4) var(--space-5);cursor: pointer;transition: var(--transition-fast);user-select: none}.support-page .faq-question:hover{background-color: var(--surface-secondary)}.support-page .faq-item.expanded .faq-question{background-color: var(--surface-secondary);border-bottom: 1px solid var(--border-light)}.support-page .question-content{flex: 1;display: flex;flex-direction: column;gap: var(--space-2)}.support-page .question-text{margin: 0;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary);line-height: var(--leading-normal)}.support-page .question-meta{display: flex;align-items: center;gap: var(--space-3)}.support-page .view-count{display: flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);color: var(--text-tertiary)}.support-page .view-count .mud-icon{font-size: 14px}.support-page .card-subtitle{font-size: var(--text-sm);color: var(--text-secondary)}.support-page .expand-icon{flex-shrink: 0;margin-left: var(--space-3);color: var(--text-secondary);transition: var(--transition-fast)}.support-page .faq-item.expanded .expand-icon{color: var(--support-primary)}.support-page .faq-answer{padding: var(--space-5);background-color: var(--surface-primary)}.support-page .answer-content{margin-bottom: var(--space-5);font-size: var(--text-sm);line-height: var(--leading-relaxed);color: var(--text-primary)}.support-page .answer-content p{margin: 0 0 var(--space-3) 0}.support-page .answer-content p:last-child{margin-bottom: 0}.support-page .answer-content a{color: var(--support-primary);text-decoration: none}.support-page .answer-content a:hover{text-decoration: underline}.support-page .answer-content strong{font-weight: var(--font-semibold)}.support-page .answer-content em{font-style: italic}.support-page .faq-actions{display: flex;flex-direction: column;gap: var(--space-4);padding-top: var(--space-4);border-top: 1px solid var(--border-light)}.support-page .helpfulness-section{display: flex;flex-direction: column;gap: var(--space-3)}.support-page .helpfulness-label{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary)}.support-page .helpfulness-buttons{display: flex;gap: var(--space-2)}.helpful-btn,.not-helpful-btn{min-width: 80px;font-size: var(--text-sm)}.helpful-btn .count,.not-helpful-btn .count{margin-left: var(--space-1);opacity: 0.7}.helpful-btn:hover{background-color: var(--color-success-light);border-color: var(--support-success)}.not-helpful-btn:hover{background-color: var(--color-error-light);border-color: var(--support-error)}.support-page .helpfulness-stats{display: flex;flex-direction: column;gap: var(--space-2);margin-top: var(--space-2)}.support-page .helpfulness-bar{height: 4px}.support-page .helpfulness-percentage{font-size: var(--text-xs);color: var(--text-secondary)}.support-page .feedback-thank-you{display: flex;align-items: center;gap: var(--space-2);font-size: var(--text-sm);color: var(--support-success);padding: var(--space-2) var(--space-3);background-color: var(--color-success-light);border-radius: var(--radius-sm)}@media (max-width: 768px){.support-page .support-contact-section{grid-template-columns: 1fr}.support-page .contact-form-wrapper,.support-page .contact-info-card,.support-page .quick-help-card{padding: 0px;border: none}.support-page .form-actions{flex-direction: column;gap: var(--space-4);align-items: stretch}.support-page .form-actions-left,.support-page .form-actions-right{justify-content: center}.support-page .faq-categories{justify-content: center}.support-page .question-text{font-size: var(--text-base)}.support-page .faq-question{padding: var(--space-3) var(--space-4)}.support-page .faq-answer{padding: var(--space-4)}.support-page .helpfulness-buttons{justify-content: center}}@media (max-width: 480px){.support-page .support-nav .nav-tab span{display: none}.support-page .support-nav .nav-tab{min-width: 44px;justify-content: center}.support-page .faq-search-container{max-width: 100%}.support-page .question-meta{flex-wrap: wrap}}.support-page .faq-question:focus{outline: 2px solid var(--support-primary);outline-offset: 2px}.support-page .faq-question[aria-expanded="true"] .expand-icon{transform: rotate(180deg)}@media (prefers-reduced-motion: reduce){.support-page .faq-item,.support-page .faq-question,.support-page .expand-icon{transition: none}}@media (prefers-contrast: high){.support-page .faq-item{border-width: 2px}.support-page .faq-item.expanded{border-width: 3px}}.support-page .ticket-list-item{position: relative;background: var(--surface-secondary);border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: var(--space-4);cursor: pointer;transition: var(--transition-normal)}.support-page .ticket-list-item:hover{border-color: var(--border-medium);box-shadow: var(--shadow-sm);transform: translateY(-1px)}.support-page .ticket-list-item .ticket-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--space-2)}.support-page .ticket-list-item .ticket-number{display: flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--text-secondary)}.support-page .ticket-list-item .ticket-subject{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary);margin-bottom: var(--space-2);line-height: var(--leading-snug)}.support-page .ticket-list-item .ticket-meta{display: flex;gap: var(--space-3);margin-bottom: var(--space-2)}.support-page .ticket-list-item .meta-item{display: flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);color: var(--text-tertiary)}.support-page .ticket-list-item .ticket-footer{display: flex;justify-content: space-between;align-items: center;font-size: var(--text-xs);color: var(--text-tertiary)}.support-page .ticket-list-item .ticket-date,.support-page .ticket-list-item .response-count{display: flex;align-items: center;gap: var(--space-1)}.support-page .ticket-list-item.status-open{border-left: 3px solid var(--color-info)}.support-page .ticket-list-item.status-in-progress{border-left: 3px solid var(--color-primary)}.support-page .ticket-list-item.status-awaiting-customer{border-left: 3px solid var(--color-warning)}.support-page .ticket-list-item.status-resolved{border-left: 3px solid var(--color-success)}.support-page .ticket-list-item.status-closed{border-left: 3px solid var(--text-tertiary);opacity: 0.7}.support-page .ticket-list-item.status-escalated{border-left: 3px solid var(--color-error)}.support-page .ticket-list-item.status-on-hold{border-left: 3px solid var(--text-secondary)}.ticket-detail-dialog{display: flex;flex-direction: column;gap: var(--space-4)}.ticket-detail-dialog .ticket-detail-header{display: flex;justify-content: space-between;align-items: flex-start;gap: var(--space-4)}.ticket-detail-dialog .ticket-title-section{flex: 1}.ticket-detail-dialog .ticket-number-badge{display: inline-flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-2);background: var(--surface-secondary);border-radius: var(--radius-md);font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--text-secondary);margin-bottom: var(--space-2)}.ticket-detail-dialog .ticket-subject{margin: 0;font-size: var(--text-xl);font-weight: var(--font-semibold);color: var(--text-primary)}.ticket-detail-dialog .ticket-metadata{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--space-3);padding: var(--space-4);background: var(--surface-secondary);border-radius: var(--radius-md)}.ticket-detail-dialog .metadata-item{display: flex;flex-direction: column;gap: var(--space-1)}.ticket-detail-dialog .metadata-label{font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.05em}.ticket-detail-dialog .metadata-value{font-size: var(--text-sm);color: var(--text-primary)}.ticket-detail-dialog .ticket-messages{display: flex;flex-direction: column;gap: var(--space-4);max-height: 500px;overflow-y: auto;padding: var(--space-2)}.ticket-detail-dialog .message-item{padding: var(--space-4);border-radius: var(--radius-md);background: var(--surface-secondary)}.ticket-detail-dialog .message-item.original-message{background: var(--surface-tertiary);border-left: 3px solid var(--color-primary)}.ticket-detail-dialog .message-item.customer-message{background: var(--surface-secondary);border-left: 3px solid var(--color-info)}.ticket-detail-dialog .message-item.support-message{background: var(--surface-secondary);border-left: 3px solid var(--color-success)}.ticket-detail-dialog .message-header{display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-2);font-size: var(--text-xs);color: var(--text-secondary)}.ticket-detail-dialog .message-author{font-weight: var(--font-medium);color: var(--text-primary)}.ticket-detail-dialog .message-date{color: var(--text-tertiary)}.ticket-detail-dialog .message-content{font-size: var(--text-sm);line-height: var(--leading-relaxed);color: var(--text-primary);white-space: pre-wrap}.ticket-detail-dialog .reply-section{padding: var(--space-4);background: var(--surface-secondary);border-radius: var(--radius-md)}.tags-manager-dialog .mud-dialog{min-width: 700px;max-width: 900px}.tags-manager-dialog .dialog-title-section{display: flex;align-items: center;gap: 8px}.tags-manager-container{display: flex;flex-direction: column;gap: 16px;padding: 4px}.tags-manager-toolbar{display: flex;gap: 12px;align-items: center;margin-bottom: 8px}.tags-manager-toolbar .search-field{flex: 1}.tags-manager-toolbar .add-tag-button{flex-shrink: 0}.tags-table{border: 1px solid var(--mud-palette-divider);border-radius: 8px}.tags-table .mud-table-cell{padding: 8px 12px}.tags-table .mud-table-row:hover{background-color: var(--mud-palette-action-hover)}.tag-preview-row{display: flex;align-items: center;gap: 8px}.tag-preview-row .color-input{width: 100px;flex-shrink: 0}.tags-table .mud-chip{font-weight: 500}.empty-state-inline{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 48px 24px;gap: 12px}.tags-manager-footer{display: flex;justify-content: space-between;align-items: center;padding: 8px 12px;border-top: 1px solid var(--mud-palette-divider)}.tags-manager-container .loading-state{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 48px 24px;min-height: 300px}@media (max-width: 1024px){.tags-manager-dialog .mud-dialog{min-width: 95vw;max-width: 95vw}}@media (max-width: 768px){.tags-manager-toolbar{flex-direction: column}.tags-manager-toolbar .search-field,.tags-manager-toolbar .add-tag-button{width: 100%}.tags-table .mud-table-cell{padding: 6px 8px;font-size: 0.875rem}.tag-preview-row{flex-direction: column;align-items: flex-start}.tag-preview-row .color-input{width: 100%}}.kanban-card.weather-excellent{border-left: 4px solid var(--status-success,#22c55e) !important;background: linear-gradient(135deg,rgba(34,197,94,0.05) 0%,rgba(34,197,94,0.02) 100%)}.kanban-card.weather-good{border-left: 4px solid var(--status-warning,#f59e0b) !important;background: linear-gradient(135deg,rgba(245,158,11,0.05) 0%,rgba(245,158,11,0.02) 100%)}.kanban-card.weather-fair{border-left: 4px solid var(--status-info,#3b82f6) !important;background: linear-gradient(135deg,rgba(59,130,246,0.05) 0%,rgba(59,130,246,0.02) 100%)}.kanban-card.weather-poor{border-left: 4px solid var(--status-error,#ef4444) !important;background: linear-gradient(135deg,rgba(239,68,68,0.05) 0%,rgba(239,68,68,0.02) 100%)}.chip.weather-chip{background: var(--surface-secondary);border: 1px solid var(--border-medium);position: relative;overflow: hidden}.chip.weather-chip::before{content:'';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: currentColor;opacity: 0.3}.chip.weather-chip.success{background: rgba(34,197,94,0.1);color: var(--status-success,#22c55e);border-color: rgba(34,197,94,0.3)}.chip.weather-chip.warning{background: rgba(245,158,11,0.1);color: var(--status-warning,#f59e0b);border-color: rgba(245,158,11,0.3)}.chip.weather-chip.info{background: rgba(59,130,246,0.1);color: var(--status-info,#3b82f6);border-color: rgba(59,130,246,0.3)}.chip.weather-chip.error{background: rgba(239,68,68,0.1);color: var(--status-error,#ef4444);border-color: rgba(239,68,68,0.3)}.chip.weather-chip.secondary{background: rgba(107,114,128,0.1);color: var(--text-secondary,#6b7280);border-color: rgba(107,114,128,0.3)}.chip.weather-optimal{background: linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color: white;border: none;font-weight: 500;position: relative;overflow: hidden}.chip.weather-optimal::before{content:'';position: absolute;top: 0;left: -100%;right: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation: weather-shimmer 2s infinite}@keyframes weather-shimmer{0%{left: -100%;right: 100%}100%{left: 100%;right: -100%}}.kanban-card .weather-indicator{display: inline-flex;align-items: center;gap: 4px;font-size: var(--text-xs);padding: 2px 6px;border-radius: var(--radius-sm);font-weight: 500;letter-spacing: 0.025em}.weather-indicator.excellent{background: rgba(34,197,94,0.1);color: var(--status-success,#22c55e)}.weather-indicator.good{background: rgba(245,158,11,0.1);color: var(--status-warning,#f59e0b)}.weather-indicator.fair{background: rgba(59,130,246,0.1);color: var(--status-info,#3b82f6)}.weather-indicator.poor{background: rgba(239,68,68,0.1);color: var(--status-error,#ef4444)}.kanban-card .weather-chip .chip-icon{font-size: 14px !important;margin-right: 2px}.kanban-card .weather-optimal .chip-icon{font-size: 14px !important;margin-right: 2px;filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1))}.kanban-card.weather-excellent:hover{box-shadow: 0 8px 25px rgba(34,197,94,0.15);border-left-color: var(--status-success,#22c55e)}.kanban-card.weather-good:hover{box-shadow: 0 8px 25px rgba(245,158,11,0.15);border-left-color: var(--status-warning,#f59e0b)}.kanban-card.weather-fair:hover{box-shadow: 0 8px 25px rgba(59,130,246,0.15);border-left-color: var(--status-info,#3b82f6)}.kanban-card.weather-poor:hover{box-shadow: 0 8px 25px rgba(239,68,68,0.15);border-left-color: var(--status-error,#ef4444)}.weather-project-dashboard{display: flex;flex-direction: column;gap: var(--space-6)}.weather-analytics-card{background: linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border: 1px solid var(--border-light);border-radius: var(--radius-xl);overflow: hidden}.weather-analytics-card .mud-card-header{background: linear-gradient(135deg,#0ea5e9 0%,#06b6d4 100%);color: white;padding: var(--space-6)}.seasonal-planning-card{background: linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border: 1px solid #f59e0b;border-radius: var(--radius-xl);overflow: hidden}.seasonal-planning-card .mud-card-header{background: linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color: white;padding: var(--space-6)}.prediction-analytics-card{background: linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);border: 1px solid #a855f7;border-radius: var(--radius-xl);overflow: hidden}.prediction-analytics-card .mud-card-header{background: linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%);color: white;padding: var(--space-6)}.weather-opportunity-notification{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-4);background: linear-gradient(135deg,rgba(34,197,94,0.05) 0%,rgba(34,197,94,0.02) 100%);border: 1px solid rgba(34,197,94,0.3);border-radius: var(--radius-lg);margin: var(--space-3) 0;position: relative;overflow: hidden}.weather-opportunity-notification::before{content:'';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,#22c55e 0%,#16a34a 100%)}.weather-opportunity-notification .notification-icon{width: 40px;height: 40px;border-radius: var(--radius-full);background: var(--status-success,#22c55e);display: flex;align-items: center;justify-content: center;color: white;font-size: 1.2rem}.weather-opportunity-notification .notification-content{flex: 1;display: flex;flex-direction: column;gap: var(--space-1)}.weather-opportunity-notification .notification-title{font-weight: var(--font-semibold);color: var(--text-primary);margin: 0}.weather-opportunity-notification .notification-message{color: var(--text-secondary);font-size: var(--text-sm);margin: 0}@media (max-width: 768px){.weather-project-dashboard{gap: var(--space-4)}.kanban-card .weather-chip,.kanban-card .weather-optimal{font-size: var(--text-2xs);padding: 2px 6px}.weather-opportunity-notification{padding: var(--space-3);gap: var(--space-2)}.weather-opportunity-notification .notification-icon{width: 32px;height: 32px;font-size: 1rem}}@media print{.kanban-card.weather-excellent,.kanban-card.weather-good,.kanban-card.weather-fair,.kanban-card.weather-poor{border-left-width: 3px;background: none}.chip.weather-chip,.chip.weather-optimal{background: none !important;border: 1px solid currentColor;color: black !important}.weather-opportunity-notification{background: none;border: 1px solid #000}}@media (prefers-contrast: high){.kanban-card.weather-excellent{border-left-color: #008000}.kanban-card.weather-good{border-left-color: #ffa500}.kanban-card.weather-fair{border-left-color: #0066cc}.kanban-card.weather-poor{border-left-color: #cc0000}.chip.weather-chip{border-width: 2px;font-weight: 600}}@media (max-width: 768px){.main-content-container{padding: 5px 0 80px 0;background: #fff}.app-layout .mud-main-content{padding-top: 15px !important;background-color: white}.main-content{gap: 8px}.content-section{margin-bottom: 40px}.content-section:first-child{margin-top: 20px}.page-content{grid-template-columns: 1fr !important;gap: var(--space-4)}:root{--grid-gap: var(--space-4);--grid-gap-sm: var(--space-3)}.page-sidebar{order: 0;margin-bottom: var(--space-6)}.task-control-bar,.houselog-control-bar{flex-direction: column;align-items: stretch;gap: 16px}.task-control-bar .filter-controls,.houselog-control-bar .filter-controls{justify-content: flex-start}.controls-top{flex-direction: column;gap: var(--space-4);align-items: stretch}.view-selector,.view-buttons{display: none}.project-boards-grid{grid-template-columns: 1fr;gap: var(--space-6);padding: var(--space-4) 0}.project-board-card{padding: var(--space-5)}.weather-template-grid{grid-template-columns: 1fr;gap: var(--space-3)}.banner-center{padding-left: 20px}.app-layout{background-color: white}.app-top-banner .banner-center{background: none}input,select,textarea{font-size: 16px !important}.content-card{margin: 0 0 32px 0;border-radius: 0;background: transparent;box-shadow: none;border: none;transition: none;position: relative;overflow: visible}.content-card::before{display: none}.card-header{padding: 0 20px 12px 20px;flex-direction: row;align-items: center;gap: 8px;border-bottom: none;background: var(--mobile-heading-bg) !important}.card-title{font-size: 17px;font-weight: 600;color: #000;display: flex;align-items: center;gap: 6px;line-height: 1.2}.card-title-icon{font-size: 18px;color: rgba(0,0,0,0.6)}.card-content{padding: 0}.task-list,.news-list,.suggestion-list{background: transparent;border-radius: 0;overflow: visible;margin: 0}.news-list{padding-right: 10px}.card-actions,.card-decorations{display: none !important}.stats-grid.mobile-collapsible{display: none}.sidebar-section{margin-bottom: var(--space-4)}.sidebar-title{padding: var(--space-4);font-size: var(--text-base);font-weight: var(--font-semibold)}.sidebar-section .stats-grid{padding: var(--space-4);grid-template-columns: repeat(2,1fr);gap: var(--space-3)}.quick-actions{padding: var(--space-4);gap: var(--space-3);display: flex}.quick-actions .more-actions-button{display: none}.mobile-only{display: block}.desktop-only,.brand-text,.welcome-subtitle,.insight-meta,.desktop-text{display: none}.professional-task-header,.professional-houselog-header{min-height: 0px;border-radius: 0}.stat-card,.task-section,.entry-card,.sidebar-section,.kanban-column,.kanban-card,.timeline-month,.house-card,.pricing-card,.content-controls,.payment-summary,.house-selector,.weather-template-card{background: transparent !important;border: none !important;box-shadow: none !important;border-radius: 0 !important}.section-header,.card-header,.column-header,.month-header{border: none !important;box-shadow: none !important;padding-left: 10px}.section-header{padding-bottom: 0px}:root{--mobile-heading-bg: #DEE3D0}.banner-menu-button{display: none}.logo-menu-button{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 6px;border: 1px solid rgba(59,130,246,0.3);background: rgba(255,255,255,0.9);cursor: pointer;border-radius: 50%;transition: all 0.2s ease;-webkit-tap-highlight-color: transparent}.logo-menu-button:active{transform: scale(0.95);border-color: rgba(59,130,246,0.5);background: rgba(59,130,246,0.05)}.logo-menu-button:focus-visible{outline: 2px solid #10b981;outline-offset: 2px}.logo-menu-button[aria-expanded="true"]{border-color: rgba(59,130,246,0.6);background: rgba(59,130,246,0.08)}.logo-menu-button .banner-logo{width: 100%;height: 100%;object-fit: contain}.kanban-board-page .kanban-view{padding-bottom: 20px}.kanban-board-mobile{padding: 12px;padding-bottom: 20px;display: block}.kanban-board{display: none}}@media (max-width: 480px){.main-content-container{padding: var(--space-0)}.content-card,.stat-card{padding: 0 0 0 0px}.card-header{padding: 0 0 0 10px;min-height: 44px;border-radius: 0px}.card-content{padding: 5px 5px 0 10px}.sidebar-section .stats-grid{grid-template-columns: 1fr}.weather-template-card{padding: var(--space-4)}.task-section{border: none}}@media (max-width: 360px){.main-content-container{padding: var(--space-0)}.content-card,.stat-card,.task-item,.kanban-card{padding: var(--space-1);border: none}.section-header{border: none}.task-section{border: none}}@media (min-width: 769px){.kanban-board{display: grid}.kanban-board-mobile{display: none}}@media (min-width: 769px) and (max-width: 1024px){.app-drawer.desktop-drawer{display: none !important}.app-main-content{margin-left: 0 !important;width: 100% !important}.app-layout{padding-left: 0 !important}.main-content-container{max-width: 900px;margin: 0 auto;padding: 28px 40px;padding-bottom: 40px}.logo-menu-button{display: flex !important}.banner-menu-button{display: none !important}.mobile-nav-drawer{}.mobile-navigation{display: none !important}.content-card{margin: 0 0 28px 0;border-radius: 12px !important;background: var(--surface-primary) !important;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.06) !important;border: 1px solid rgba(226,232,240,0.3) !important;transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.card-header{padding: 18px 20px 16px !important;border-bottom: 1px solid rgba(226,232,240,0.4) !important;background: rgba(248,250,252,0.25) !important;flex-direction: row;border-radius: 12px 12px 0 0 !important}.card-title{font-size: var(--text-base);font-weight: var(--font-semibold);color: var(--text-primary)}.card-content{padding: 24px !important}.section-header,.column-header,.month-header{border-bottom: 1px solid var(--border-light) !important;background: var(--surface-secondary) !important;padding: 16px 20px !important}.page-content{grid-template-columns: 1fr !important;gap: var(--space-6)}.page-sidebar{order: 0;margin-bottom: var(--space-6)}.project-boards-grid{grid-template-columns: repeat(2,1fr) !important;gap: var(--space-5)}.weather-template-grid{grid-template-columns: repeat(2,1fr) !important;gap: var(--space-4)}.stats-grid{grid-template-columns: repeat(3,1fr) !important;gap: var(--space-4)}.house-cards-grid{grid-template-columns: repeat(2,1fr) !important}.pricing-cards{grid-template-columns: repeat(3,1fr) !important;gap: 1.5rem}.kanban-board{display: grid !important;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: var(--space-4)}.kanban-board-mobile{display: none !important}.kanban-column{background: var(--surface-primary) !important;border: 1px solid var(--border-light) !important;border-radius: 12px !important;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.04)}.app-top-banner{padding: 0 24px}.banner-center{padding-left: 0}.add-new-button,.more-actions-button{display: inline-flex !important}.quick-actions{display: flex !important;gap: var(--space-3)}.center-quick-task-container{display: flex}h1{font-size: var(--text-3xl)}h2{font-size: var(--text-2xl)}h3{font-size: var(--text-xl)}h4{font-size: var(--text-lg)}h5{font-size: var(--text-base)}.task-item,.houselog-item,.news-item{padding: 16px 20px;border-radius: 8px}.task-list{background: transparent}.filter-controls{display: flex;flex-wrap: wrap;gap: var(--space-3)}.view-selector,.view-buttons{display: flex !important}.task-control-bar,.houselog-control-bar{flex-direction: row;align-items: center;gap: var(--space-4)}.sidebar-section{background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: 12px;padding: 20px;margin-bottom: var(--space-6)}.sidebar-title{font-size: var(--text-base);font-weight: var(--font-semibold);margin-bottom: var(--space-4)}.stats-grid.mobile-collapsible{display: grid !important}.form-grid{grid-template-columns: repeat(2,1fr);gap: var(--space-4)}input,select,textarea{font-size: 14px !important}.mud-dialog{max-width: 700px !important}.mud-dialog-width-full{max-width: 900px !important}.document-grid{grid-template-columns: repeat(3,1fr) !important}.cost-metrics-grid{grid-template-columns: repeat(4,1fr) !important}.dashboard-grid{grid-template-columns: 1fr !important}.desktop-only{display: block !important}.mobile-only{display: none !important}.brand-text{display: block !important}.professional-task-header,.professional-houselog-header{min-height: 80px;border-radius: 12px;padding: 20px 24px}.content-section{margin-bottom: 32px}.main-content{gap: 20px}.card-actions,.task-actions,.entry-actions{display: flex !important;flex-direction: column;gap: 8px;opacity: 1 !important;margin-left: auto;flex-shrink: 0}.card-action,.task-action,.entry-action,.suggestion-action{width: 36px !important;height: 36px !important;border-radius: 50% !important;background: transparent !important;border: 1px solid rgba(0,0,0,0.1) !important;display: flex !important;align-items: center;justify-content: center;font-size: 14px !important;color: rgba(0,0,0,0.4) !important;transition: all 0.15s ease !important;box-shadow: none !important}.card-action:active,.task-action:active,.entry-action:active{background: rgba(0,0,0,0.05) !important;transform: scale(0.9);border-color: rgba(0,0,0,0.2) !important}.task-action.complete{color: #10b981 !important;padding: 6px 12px !important;border-radius: 16px !important;border: 1px solid #ef4444 !important;font-size: 12px !important;font-weight: 500 !important;background: transparent !important;border-color: rgba(16,185,129,0.6) !important}.task-action.complete:active{background: rgba(16,185,129,0.1) !important;border-color: rgba(16,185,129,0.3) !important}.task-action.edit{color: rgba(0,0,0,0.4) !important;padding: 6px 12px !important;border-radius: 16px !important;border: 1px solid #ef4444 !important;font-size: 12px !important;font-weight: 500 !important;background: transparent !important;border-color: rgba(0,0,0,0.2) !important}.task-action.edit:active{background: rgba(0,0,0,0.05) !important;border-color: rgba(0,0,0,0.2) !important}.task-action.delete,.entry-action.delete{color: #ef4444 !important;border-color: rgba(239,68,68,0.2) !important}.task-action.delete:active,.entry-action.delete:active{background: rgba(239,68,68,0.1) !important;border-color: rgba(239,68,68,0.3) !important}.task-item{display: flex !important;align-items: flex-start;gap: 12px;justify-content: space-between}.task-details{flex: 1;min-width: 0}.suggestion-actions{display: flex !important;gap: 8px;margin-left: auto;opacity: 1 !important;visibility: visible !important}.suggestion-action{padding: 6px 12px !important;border-radius: 16px !important;border: 1px solid !important;font-size: 12px !important;font-weight: 500 !important;background: transparent !important;cursor: pointer;transition: all 0.15s ease !important;display: flex !important;align-items: center;justify-content: center}.suggestion-action.approve{border-color: #10b981 !important;color: #10b981 !important}.suggestion-action.approve:active{background: #10b981 !important;color: white !important;transform: scale(0.95)}.suggestion-action.decline{border-color: #ef4444 !important;color: #ef4444 !important}.suggestion-action.decline:active{background: #ef4444 !important;color: white !important;transform: scale(0.95)}.task-action.approve{padding: 6px 12px !important;border-radius: 16px !important;border: 1px solid #10b981 !important;color: #10b981 !important;font-size: 12px !important;font-weight: 500 !important;background: transparent !important}.task-action.approve:active{background: #10b981 !important;color: white !important;transform: scale(0.95)}.task-action.decline{padding: 6px 12px !important;border-radius: 16px !important;border: 1px solid #ef4444 !important;color: #ef4444 !important;font-size: 12px !important;font-weight: 500 !important;background: transparent !important}.task-action.decline:active{background: #ef4444 !important;color: white !important;transform: scale(0.95)}.suggestion-item .suggestion-actions{opacity: 1 !important;visibility: visible !important;display: flex !important;flex-direction: column !important;margin-left: 5px}.btn-primary,.btn-secondary{min-height: 44px;padding: 12px 20px;border-radius: 22px;font-weight: 500;font-size: 15px;border: none;width: 100%;justify-content: center;margin-bottom: 12px;transition: all 0.15s ease}.btn-primary{background: #000;color: white}.btn-primary:active{background: rgba(0,0,0,0.8);transform: scale(0.98)}.btn-secondary{background: transparent;color: #000;border: 1px solid rgba(0,0,0,0.1)}.btn-secondary:active{background: rgba(0,0,0,0.05);transform: scale(0.98)}.month-entries{padding: var(--space-3)}.seasonal-conditions-column{display: none}.seasonal-two-column{display: initial}.banner-menu-button{display: none}.logo-menu-button{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 6px;border: 1px solid rgba(59,130,246,0.3);background: rgba(255,255,255,0.9);cursor: pointer;border-radius: 50%;transition: all 0.2s ease;-webkit-tap-highlight-color: transparent}.logo-menu-button:active{transform: scale(0.95);border-color: rgba(59,130,246,0.5);background: rgba(59,130,246,0.05)}.logo-menu-button:focus-visible{outline: 2px solid #10b981;outline-offset: 2px}.logo-menu-button[aria-expanded="true"]{border-color: rgba(59,130,246,0.6);background: rgba(59,130,246,0.08)}.logo-menu-button .banner-logo{width: 100%;height: 100%;object-fit: contain}}@media (min-width: 1025px) and (max-width: 1280px){}@media (max-width: 768px){.banner-container{padding: 0 var(--space-3);min-height: 56px;background: #ffffff;border-bottom: 1px solid rgba(0,0,0,0.06);padding-top: max(8px,env(safe-area-inset-top))}.banner-left{gap: var(--space-2)}.banner-logo{height: 28px}.banner-menu-button{display: flex;width: 36px;height: 36px;border-radius: 12px;color: var(--text-primary)}.banner-center{margin: 0 var(--space-2)}.smart-context-header{max-width: none}.context-header-container{gap: var(--space-1)}.header-insight{padding: var(--space-2) var(--space-3);border-radius: 12px}.insight-content{gap: 0}.insight-value{font-size: var(--text-xs)}.welcome-content{padding: var(--space-2) var(--space-3);border-radius: 12px}.welcome-text{font-size: var(--text-xs)}.banner-right{gap: var(--space-2)}.user-profile-menu{width: 32px;height: 32px}}@media (max-width: 768px){.mobile-drawer-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1000}.mobile-nav-drawer{position: fixed;top: 0;left: -280px;width: 280px;height: 100vh;background: var(--surface-primary);z-index: 2001;transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);overflow-y: auto}.mobile-nav-drawer.open{transform: translateX(280px)}.mobile-drawer-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-4);border-bottom: 1px solid rgba(0,0,0,0.06)}.mobile-drawer-title{font-weight: var(--font-semibold);color: var(--text-primary)}.mobile-drawer-close{width: 32px;height: 32px}.nav-link-text{font-size: 15px}.nav-link-content{min-height:36px}}@media (max-width: 768px){.mobile-bottom-nav{position: fixed;bottom: 0;left: 0;right: 0;background: #ffffff;border-top: 1px solid rgba(0,0,0,0.08);padding: 8px 20px 8px;padding-bottom: max(8px,env(safe-area-inset-bottom));z-index: 1000}.mobile-nav-items{display: flex;justify-content: space-between;align-items: center;height: 50px;position: relative}.mobile-nav-item{display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 8px 12px;border-radius: 0;transition: color 0.15s ease;color: rgba(0,0,0,0.4);min-width: 50px;text-decoration: none;position: relative;background: transparent}.mobile-nav-fab-placeholder{width: 34px;height: 100%;pointer-events: none}.mobile-nav-item.active{color: var(--taloma-primary);background: transparent;box-shadow: none}.mobile-nav-icon{font-size: 22px;transition: none;font-weight: 300;stroke-width: 1.5px}.mobile-nav-item.active .mobile-nav-icon{transform: none;font-weight: 400}.mobile-nav-label{font-size: 11px;font-weight: 400;line-height: 1;opacity: 0.8}.app-page{padding-bottom: calc(66px + env(safe-area-inset-bottom))}}@media (max-width: 768px){.mobile-fab-container{position: fixed;bottom: calc(44px + env(safe-area-inset-bottom));left: 50%;transform: translateX(-50%);z-index: 1001}.mobile-fab-trigger{width: 56px;height: 56px;background: var(--taloma-primary);color: var(--text-inverse);border: none;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;box-shadow: 0 4px 12px rgba(37,99,235,0.25);transition: transform 0.2s cubic-bezier(0.4,0,0.2,1),background-color 0.2s ease;cursor: pointer;position: relative}.mobile-fab-trigger:active{transform: scale(0.95)}.mobile-fab-trigger.active{background: var(--taloma-primary-hover);transform: rotate(45deg)}.mobile-fab-menu{position: absolute;bottom: 70px;left: 50%;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: opacity 0.15s ease,visibility 0s linear 0.15s;display: flex;flex-direction: column;gap: var(--space-3);align-items: center}.mobile-fab-menu.active{opacity: 1;visibility: visible;transition: opacity 0.15s ease,visibility 0s linear 0s}.mobile-fab-option{display: flex;align-items: center;gap: var(--space-3);background: var(--surface-primary);padding: var(--space-3) var(--space-4);border-radius: 16px;box-shadow: 0 4px 12px rgba(0,0,0,0.08);white-space: nowrap;opacity: 1;transition: transform 0.15s ease}.mobile-fab-option:active{transform: scale(0.96)}.mobile-fab-label{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--text-primary)}.mobile-fab-button{width: 40px;height: 40px;background: var(--taloma-primary);color: var(--text-inverse);border: none;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;transition: background-color 0.15s ease;text-decoration: none}.mobile-fab-button:active{background: var(--taloma-primary-hover)}.mobile-fab-backdrop{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.15s ease,visibility 0s linear 0.15s}.mobile-fab-backdrop.active{opacity: 1;visibility: visible;transition: opacity 0.15s ease,visibility 0s linear 0s}}@media (max-width: 768px){.mobile-filter-fab{position: fixed;top: 80px;right: 16px;width: 56px;height: 56px;border-radius: 50%;background: var(--taloma-primary);border: none;display: flex;align-items: center;justify-content: center;color: white;font-size: 24px;box-shadow: 0 4px 12px rgba(59,130,246,0.25);transition: transform 0.15s ease,background-color 0.15s ease;z-index: 1000}.mobile-filter-fab:active{transform: scale(0.95)}.mobile-filter-fab.active{background: #dc2626}}@media (max-width: 896px) and (orientation: landscape){.banner-container{height: 56px;padding: 0 var(--space-3)}.banner-logo{height: 28px}.mobile-bottom-nav{padding: var(--space-1) var(--space-4) calc(var(--space-1) + env(safe-area-inset-bottom))}.mobile-nav-items{height: 48px}.mobile-nav-item{padding: var(--space-1)}.mobile-nav-label{display: none}.app-page{padding-bottom: calc(64px + env(safe-area-inset-bottom))}}@media (max-width: 380px){.mobile-nav-label{font-size:10px}}@media (display-mode: standalone){.banner-container{padding-top: max(12px,env(safe-area-inset-top))}}@media (max-width: 768px){.task-item,.suggestion-item,.news-item,.quick-action,.entry-card{min-height: 68px;padding: 18px 8px;border-radius: 0;background: transparent;box-shadow: none;border: none !important;transition: background-color 0.15s ease;position: relative;overflow: hidden;margin: 0;cursor: pointer;touch-action: manipulation;-webkit-tap-highlight-color: rgba(0,0,0,0.02)}.task-item::before,.suggestion-item::before,.news-item::before{display: none}.task-item:active,.suggestion-item:active,.news-item:active{background: rgba(0,0,0,0.02)}.task-item{display: flex;align-items: flex-start;gap: 12px}.task-list .task-item{border-bottom: 1px solid rgba(0,0,0,0.10) !important}.task-list .task-item:last-child{border-bottom: none}.task-checkbox{width: 20px;height: 20px;border: 1.5px solid rgba(0,0,0,0.2);border-radius: 50%;margin-top: 2px;flex-shrink: 0;transition: all 0.15s ease;cursor: pointer}.task-checkbox:active{transform: scale(0.9)}.task-checkbox.checked{background: #000;border-color: #000}.task-details{flex: 1;min-width: 0}.task-item .task-actions,.entry-actions{margin-right: 6px}.task-actions .mud-icon-root{font-size: 1.5rem}.task-name{font-size: var(--text-base);font-weight: 500;color: #000;line-height: 1.4;margin-bottom: 4px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.task-description{font-size: 15px;color: var(--text-secondary);line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.task-meta{display: flex;align-items: center;gap: 8px;font-size: 13px;color: var(--text-tertiary);margin-top: 4px}.task-meta > *:nth-child(n+4){display: none !important}.task-meta > *{display: inline-flex;align-items: center}.task-meta > *:not(:last-child)::after{content:'·';margin-left: 8px;color: rgba(0,0,0,0.2)}.tasks-page .task-category{display:none}.task-date{font-weight: 400;color: var(--text-secondary)}.weather-enabled-indicator{background: transparent !important;color: var(--text-secondary) !important;border: 1px solid rgba(0,0,0,0.12) !important;border-radius: 9999px !important;padding: 4px 8px !important;font-size: 12px !important;font-weight: 500 !important;display: inline-flex !important;align-items: center !important;vertical-align: middle !important;line-height: 1.2 !important}.task-house{background: none;color: rgba(0,0,0,0.6);padding: 0;border-radius: 0;font-weight: 400}.task-status{display: none}.task-item.overdue .task-date{color: #dc2626}.task-item.urgent .task-date{color: #d97706}.task-item.overdue,.task-item.urgent{border-left: none;padding-left: 12px}.recurrence-builder.modern .main-two-column-layout{grid-template-columns: 1fr}.houselog-page .page-sidebar,.tasks-page .page-sidebar,.tasklibrary-page .page-sidebar,.documentlibrary-page .page-sidebar{display: none}.suggestion-badge.ai-badge,.suggestion-badge .expert-badge,.suggestion-badge{display: none !important}.suggestion-actions{position: relative}.tasklibrary-page .recommend-source{display: none}.tasks-page .task-list,.task-section .task-list{padding-left: 0px;padding-right: 0px;padding-top: 0px}.task-sections .section-subtitle{display: none !important}.task-sections{gap: 12px}.professional-houselog-header .year-selector{display: none}.houselog-page .tasktype-category{display: none}.recurrence-builder.modern .frequency-tab{position: relative;padding: var(--space-1) var(--space-1)}.recurrence-builder.modern .seasonal{display: none !important}.suggestion-title{font-size: var(--text-base)}.suggestion-description{font-size: 15px}.partner-item-pitch{font-size: 15px !important}.form-actions-container{display:none}.dashboard-page .seasonal-status.seasonal-task.in-season,.dashboard-page .task-house,.dashboard-page .widget-subtitle{display: none !important}@media (max-width: 768px){.card-actions,.task-actions,.entry-actions{display: flex !important;flex-direction: column;gap: 8px;opacity: 1 !important;margin-left: auto;flex-shrink: 0}.card-action,.task-action,.entry-action,.suggestion-action{width: 36px !important;height: 36px !important;border-radius: 50% !important;background: transparent !important;border: 1px solid rgba(0,0,0,0.1) !important;display: flex !important;align-items: center;justify-content: center;font-size: 14px !important;color: rgba(0,0,0,0.4) !important;transition: all 0.15s ease !important;box-shadow: none !important}.card-action:active,.task-action:active,.entry-action:active{background: rgba(0,0,0,0.05) !important;transform: scale(0.9);border-color: rgba(0,0,0,0.2) !important}.task-action.complete{color: #10b981 !important;padding: 6px 12px !important;border-radius: 16px !important;border: 1px solid #ef4444 !important;font-size: 12px !important;font-weight: 500 !important;background: transparent !important;border-color: rgba(16,185,129,0.6) !important}.task-action.complete:active{background: rgba(16,185,129,0.1) !important;border-color: rgba(16,185,129,0.3) !important}.task-action.edit{color: rgba(0,0,0,0.4) !important;padding: 6px 12px !important;border-radius: 16px !important;border: 1px solid #ef4444 !important;font-size: 12px !important;font-weight: 500 !important;background: transparent !important;border-color: rgba(0,0,0,0.2) !important}.task-action.edit:active{background: rgba(0,0,0,0.05) !important;border-color: rgba(0,0,0,0.2) !important}.task-action.delete,.entry-action.delete{color: #ef4444 !important;border-color: rgba(239,68,68,0.2) !important}.dashboard-page .task-action.delete,.houselog-page .entry-action.delete{display: none !important}.task-action.delete:active,.entry-action.delete:active{background: rgba(239,68,68,0.1) !important;border-color: rgba(239,68,68,0.3) !important}.task-item{display: flex !important;align-items: flex-start;gap: 12px;justify-content: space-between}.task-details{flex: 1;min-width: 0}.suggestion-actions{display: flex !important;gap: 8px;margin-left: auto;opacity: 1 !important;visibility: visible !important}.suggestion-action{padding: 6px 12px !important;border-radius: 16px !important;border: 1px solid !important;font-size: 12px !important;font-weight: 500 !important;background: transparent !important;cursor: pointer;transition: all 0.15s ease !important;display: flex !important;align-items: center;justify-content: center}.suggestion-action.approve{border-color: #10b981 !important;color: #10b981 !important}.suggestion-action.approve:active{background: #10b981 !important;color: white !important;transform: scale(0.95)}.suggestion-action.decline{border-color: #ef4444 !important;color: #ef4444 !important}.suggestion-action.decline:active{background: #ef4444 !important;color: white !important;transform: scale(0.95)}.task-action.approve{padding: 6px 12px !important;border-radius: 16px !important;border: 1px solid #10b981 !important;color: #10b981 !important;font-size: 12px !important;font-weight: 500 !important;background: transparent !important}.task-action.approve:active{background: #10b981 !important;color: white !important;transform: scale(0.95)}.task-action.decline{padding: 6px 12px !important;border-radius: 16px !important;border: 1px solid #ef4444 !important;color: #ef4444 !important;font-size: 12px !important;font-weight: 500 !important;background: transparent !important}.task-action.decline:active{background: #ef4444 !important;color: white !important;transform: scale(0.95)}.suggestion-item .suggestion-actions{opacity: 1 !important;visibility: visible !important;display: flex !important;flex-direction: column !important;margin-left: 5px}.btn-primary,.btn-secondary{min-height: 44px;padding: 12px 20px;border-radius: 22px;font-weight: 500;font-size: 15px;border: none;width: 100%;justify-content: center;margin-bottom: 12px;transition: all 0.15s ease}.btn-primary{background: #000;color: white}.btn-primary:active{background: rgba(0,0,0,0.8);transform: scale(0.98)}.btn-secondary{background: transparent;color: #000;border: 1px solid rgba(0,0,0,0.1)}.btn-secondary:active{background: rgba(0,0,0,0.05);transform: scale(0.98)}.month-entries{padding: var(--space-3)}.seasonal-conditions-column{display:none}.seasonal-two-column{display:initial}}@media (max-width: 768px){.search-box input,.filter-dropdown select{min-height: 48px;font-size: 16px;border-radius: 16px;border: 1px solid rgba(0,0,0,0.1);padding: var(--space-3) var(--space-4);background: var(--surface-primary)}.search-box{min-width: auto;padding: var(--space-3);border-radius: 16px;background: var(--surface-primary);border: 1px solid rgba(0,0,0,0.1);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1)}.search-box:focus-within{border-color: var(--taloma-primary);box-shadow: 0 0 0 3px rgba(37,99,235,0.1)}.house-selector-section{padding: var(--space-3) var(--space-4);margin-bottom: var(--space-4)}.house-selector select{width: 100%;max-width: none;min-height: 48px;font-size: 16px;border-radius: 16px;border: 1px solid rgba(0,0,0,0.1);padding: var(--space-3) var(--space-4);background: var(--surface-primary)}.edit-house-log-page .card-content{padding: var(--space-6) var(--space-10)}.house-card-actions{opacity: initial}@media (max-width: 768px){.news-item{display: flex;gap: 12px;align-items: flex-start;padding: 16px 12px;border-radius: 0;background: transparent;border: none;border-bottom: 1px solid rgba(0,0,0,0.04);transition: background-color 0.15s ease;position: relative;margin: 0}.news-item:active{background: rgba(0,0,0,0.02)}.news-image{width: 64px;height: 64px;border-radius: 8px;overflow: hidden;box-shadow: none;transition: none;flex-shrink: 0;order: 2}.news-image img{width: 100%;height: 100%;object-fit: cover}.news-content{flex: 1;min-width: 0;order: 1}.news-meta{display: none;align-items: center;gap: 6px;font-size: 12px;color: rgba(0,0,0,0.4);margin-bottom: 4px}.news-meta > *:not(:last-child)::after{content:'·';margin-left: 6px;color: rgba(0,0,0,0.2)}.news-category{background: transparent;color: var(--text-secondary);padding: 4px 8px;border-radius: 9999px;border: 1px solid rgba(0,0,0,0.12);font-weight: 500}.news-title{font-size: var(--text-base);font-weight: 500;color: var(--text-primary);line-height: 1.3;margin-bottom: 2px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.news-excerpt{font-size: 15px;color: var(--text-secondary);line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.news-author{display: none;font-size: 12px;color: rgba(0,0,0,0.4);font-weight: 400}.news-action{display: none}.article-meta{display: none}}@media (max-width: 768px){.kanban-board{grid-template-columns: 1fr;gap: var(--space-4)}.kanban-column{min-height: 300px;border-radius: 20px;background: rgba(0,0,0,0.02);border: none;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1)}.column-header{padding: var(--space-4);border-bottom: 1px solid rgba(0,0,0,0.06)}.column-title{font-size: var(--text-base);font-weight: var(--font-semibold)}.kanban-cards{padding: var(--space-3);gap: var(--space-3)}.kanban-card{padding: var(--space-4);min-height: 80px;border-radius: 16px;background: var(--surface-primary);border: none;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);transition: all 0.2s ease}.kanban-card-title{font-size: var(--text-sm);font-weight: var(--font-medium)}.kanban-card-description{font-size: var(--text-xs);color: var(--text-secondary)}.timeline-entry{gap: var(--space-1);border-bottom: 1px solid rgba(0,0,0,0.10);padding-bottom: var(--space-1);margin-bottom: var(--space-2)}.timeline-container .timeline-entry:last-child{border-bottom: none}.entry-date{width: 44px}.date-circle{width: 36px;height: 36px;font-size: var(--text-sm);border-radius: 50%;background: var(--taloma-primary);color: var(--text-inverse);display: flex;align-items: center;justify-content: center;font-weight: var(--font-semibold)}.entry-card{padding: var(--space-4);padding-right: 5px;border-radius: 16px;background: var(--surface-primary);border: none;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);transition: all 0.2s ease}.entry-header{align-items: flex-start;gap: var(--space-3)}.entry-title{font-size: var(--text-base);font-weight: var(--font-semibold)}.entry-actions{opacity: 1;align-self: flex-end;gap: var(--space-2)}.article-hero-content{padding: 20px 20px 20px}.article-section{padding: 24px 24px}}@media (max-width: 768px){.alert{background: linear-gradient(135deg,rgba(239,68,68,0.08) 0%,rgba(239,68,68,0.04) 100%);border: none;border-left: 4px solid #ef4444;border-radius: 16px;padding: 16px 20px;margin: 16px 0;box-shadow: 0 2px 8px rgba(239,68,68,0.1);backdrop-filter: blur(10px);transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}.trial-subscription-card{margin: 0 12px 12px 12px;padding: 12px;gap: 10px}.trial-progress-indicator{width: 36px;height: 36px}.trial-progress-indicator .progress-circle{width: 36px;height: 36px}}@media (max-width: 768px){.nordic-season-status-indicator{display: inline-flex;align-items: center;gap: 4px;font-size: 12px;opacity: 1;transition: none}.season-status-waiting{display: flex;align-items: center;gap: 4px;color: rgba(0,0,0,0.5);font-style: normal}.season-status-triggered{display: flex;align-items: center;gap: 4px;color: rgba(0,0,0,0.6)}.season-status-text{font-size: inherit;font-weight: 400;white-space: nowrap}.season-reset-mini{width: 20px;height: 20px;margin-left: 4px;opacity: 0.4;transition: opacity 0.15s ease;border-radius: 50%}.season-reset-mini:active{opacity: 1;background-color: rgba(0,0,0,0.05);transform: scale(0.9)}.weather-status-indicator{display:none}}@media (max-width: 768px){*:focus-visible{outline: 3px solid var(--taloma-primary);outline-offset: 2px}.view-button,.year-button{min-height: 44px;padding: var(--space-3) var(--space-4)}.kanban-board,.year-buttons{scroll-behavior: smooth;-webkit-overflow-scrolling: touch}}@media (max-width: 768px){.weather-widget-container{padding-left:0px;width: 100%}.weather-widget{width: 100% !important;max-width: none !important}.weather-widget{background: transparent !important;border: none !important;box-shadow: none !important;border-radius: 0 !important;margin: 0 !important;padding: 0 !important;transition: none !important;overflow: visible !important;width: 100% !important;max-width: none !important}.weather-widget .card-content{display: flex;padding-left:5px}.weather-widget .card-header.compact{padding: 4px 20px 4px 20px !important;background-color: var(--mobile-heading-bg) !important;border: none !important;width: 100% !important;margin: 0 !important;border-radius: 0px}.partner-item-compact{border: none !important}.partner-item-title{font-size: var(--text-base)}.location-info{gap: 6px !important;width: 100% !important}.location-name{font-size: 17px !important;font-weight: 600 !important;color: #000 !important;letter-spacing: -0.01em !important;margin-right:10px}.current-weather-compact{padding: 10px 10px 20px 5px !important;gap: 12px !important;width: 100% !important;box-sizing: border-box !important}.temperature-section{display: flex !important;flex-direction: column;align-items: baseline !important;gap: 4px !important;justify-content: flex-start !important}.main-temp{margin-bottom: 0 !important}.temp-value{font-size: 42px !important;font-weight: 300 !important;color: #000 !important;letter-spacing: -0.02em !important}.temp-unit{font-size: 18px !important;font-weight: 300 !important;color: rgba(0,0,0,0.4) !important}.feels-like{font-size: 14px !important;color: rgba(0,0,0,0.5) !important}.weather-metrics{display: flex !important;flex-direction: row !important;gap: 4px !important;justify-content: flex-start !important;flex-wrap: wrap !important;align-content: center}.metric{background: transparent !important;border: none !important;padding: 0 !important;border-radius: 0 !important;transition: none !important}.metric .mud-icon{font-size: 16px !important;color: rgba(0,0,0,0.3) !important}.metric span{font-size: 14px !important;font-weight: 400 !important;color: rgba(0,0,0,0.6) !important}.metric.precipitation .mud-icon,.metric.humidity .mud-icon,.metric.wind .mud-icon,.metric.uv .mud-icon{color: rgba(0,0,0,0.3) !important}.weather-forecast-section{margin-top: 6px !important;border-top: 1px solid rgba(0,0,0,0.04) !important;padding-top: 0px !important;width: 100% !important}.forecast-timeline.compact{padding: 0 10px !important;gap: 2px !important;width: 100% !important;box-sizing: border-box !important}.forecast-day.compact{width: 36px !important;background: transparent !important;border: none !important;padding: 12px 6px !important}.forecast-date .day-name{font-size: 10px !important;font-weight: 500 !important;color: rgba(0,0,0,0.4) !important}.temp-high{font-size: 12px !important;font-weight: 500 !important;color: #000 !important}.temp-low{font-size: 10px !important;color: rgba(0,0,0,0.4) !important}.mobile-bottom-sheet{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1300;display: none;background-color: rgba(0,0,0,0.5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);animation: fadeIn 0.2s ease}.mobile-bottom-sheet.active{display: flex;align-items: flex-end;justify-content: center}.mobile-bottom-sheet-content{width: 100%;max-height: 85vh;background: var(--mud-palette-surface,#ffffff);border-radius: 24px 24px 0 0;box-shadow: 0 -4px 20px rgba(0,0,0,0.15);transform: translateY(100%);transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);display: flex;flex-direction: column;padding-bottom: env(safe-area-inset-bottom)}.mobile-bottom-sheet.active .mobile-bottom-sheet-content{transform: translateY(0)}.mobile-bottom-sheet-header{position: relative;padding: 12px 20px;border-bottom: 1px solid rgba(0,0,0,0.08);flex-shrink: 0}.mobile-bottom-sheet-handle{width: 40px;height: 4px;background: rgba(0,0,0,0.2);border-radius: 2px;margin: 0 auto 12px}.mobile-bottom-sheet-title{font-size: 18px;font-weight: 600;color: var(--mud-palette-text-primary,#1e293b);margin: 0;text-align: center}.mobile-bottom-sheet-close{position: absolute;right: 12px;top: 50%;transform: translateY(-50%);width: 36px;height: 36px;border-radius: 50%;border: none;background: rgba(0,0,0,0.05);color: var(--mud-palette-text-secondary,#64748b);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease}.mobile-bottom-sheet-close:active{background: rgba(0,0,0,0.1);transform: translateY(-50%) scale(0.95)}.mobile-bottom-sheet-body{flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;padding: 16px 20px}.mobile-bottom-sheet-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px 20px;color: var(--mud-palette-text-secondary,#64748b);text-align: center}.mobile-bottom-sheet-empty p{margin: 12px 0 0;font-size: 14px}.column-picker-list{display: flex;flex-direction: column;gap: 8px}.column-picker-item{width: 100%;display: flex;align-items: center;gap: 12px;padding: 16px;border: none;background: rgba(0,0,0,0.02);border-radius: 12px;text-align: left;cursor: pointer;transition: all 0.2s ease}.column-picker-item:active:not(:disabled){background: rgba(0,0,0,0.05);transform: scale(0.98)}.column-picker-item.current{background: rgba(var(--mud-palette-success-rgb,16,185,129),0.1);border: 1px solid var(--mud-palette-success,#10b981)}.column-picker-item:disabled{opacity: 0.7;cursor: not-allowed}.column-picker-item-icon{flex-shrink: 0}.column-picker-item-content{flex: 1;min-width: 0}.column-picker-item-title{font-size: 16px;font-weight: 600;color: var(--mud-palette-text-primary,#1e293b);margin-bottom: 2px}.column-picker-item-description{font-size: 13px;color: var(--mud-palette-text-secondary,#64748b);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.column-picker-item-badge{padding: 4px 12px;background: rgba(var(--mud-palette-success-rgb,16,185,129),0.15);color: var(--mud-palette-success,#10b981);border-radius: 12px;font-size: 12px;font-weight: 600;flex-shrink: 0}.mobile-action-menu{max-height: 75vh}.action-menu-card-title{display: flex;align-items: center;gap: 8px;padding: 12px 16px;background: rgba(0,0,0,0.03);border-radius: 8px;margin-bottom: 16px;font-size: 14px;font-weight: 500;color: var(--mud-palette-text-primary,#1e293b)}.action-menu-list{display: flex;flex-direction: column;gap: 4px}.action-menu-item{width: 100%;display: flex;align-items: center;gap: 12px;padding: 16px;border: none;background: transparent;border-radius: 12px;text-align: left;cursor: pointer;transition: all 0.2s ease}.action-menu-item:active{background: rgba(0,0,0,0.05);transform: scale(0.98)}.action-menu-item-warning:active{background: rgba(var(--mud-palette-warning-rgb,245,158,11),0.1)}.action-menu-item-danger:active{background: rgba(var(--mud-palette-error-rgb,239,68,68),0.1)}.action-menu-item-icon{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.05);border-radius: 10px;flex-shrink: 0}.action-menu-item-warning .action-menu-item-icon{background: rgba(var(--mud-palette-warning-rgb,245,158,11),0.1)}.action-menu-item-danger .action-menu-item-icon{background: rgba(var(--mud-palette-error-rgb,239,68,68),0.1)}.action-menu-item-content{flex: 1;min-width: 0}.action-menu-item-title{font-size: 16px;font-weight: 600;color: var(--mud-palette-text-primary,#1e293b);margin-bottom: 2px}.action-menu-item-danger .action-menu-item-title{color: var(--mud-palette-error,#ef4444)}.action-menu-item-description{font-size: 13px;color: var(--mud-palette-text-secondary,#64748b)}.kanban-column-mobile{margin-bottom: 16px;border-radius: 16px;background: rgba(0,0,0,0.02);overflow: hidden;box-shadow: 0 1px 3px rgba(0,0,0,0.1)}.kanban-column-mobile-header{display: flex;align-items: center;justify-content: space-between;padding: 16px;background: rgba(0,0,0,0.03);cursor: pointer;user-select: none;-webkit-tap-highlight-color: transparent}.kanban-column-mobile-header:active{background: rgba(0,0,0,0.05)}.kanban-column-mobile-title-section{display: flex;align-items: center;gap: 12px;flex: 1;min-width: 0}.kanban-column-mobile-title{font-size: 17px;font-weight: 700;color: var(--mud-palette-text-primary,#1e293b);margin: 0}.kanban-column-mobile-count{display: flex;align-items: center;justify-content: center;min-width: 24px;height: 24px;padding: 0 8px;background: var(--mud-palette-primary,#2563eb);color: #ffffff;border-radius: 12px;font-size: 13px;font-weight: 700}.kanban-column-mobile-actions{display: flex;align-items: center;gap: 8px}.kanban-column-mobile-add-btn{width: 32px;height: 32px;border-radius: 8px;border: none;background: rgba(var(--mud-palette-primary-rgb,37,99,235),0.1);color: var(--mud-palette-primary,#2563eb);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease}.kanban-column-mobile-add-btn:active{background: rgba(var(--mud-palette-primary-rgb,37,99,235),0.2);transform: scale(0.95)}.kanban-column-mobile-toggle{width: 32px;height: 32px;border-radius: 8px;border: none;background: transparent;color: var(--mud-palette-text-secondary,#64748b);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: transform 0.3s cubic-bezier(0.4,0,0.2,1)}.kanban-column-mobile-toggle.collapsed{transform: rotate(-90deg)}.kanban-column-mobile-body{max-height: 2000px;overflow: hidden;transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease,padding 0.3s ease;opacity: 1;padding: 12px}.kanban-column-mobile-body.collapsed{max-height: 0;opacity: 0;padding: 0 12px}.kanban-column-mobile-cards{display: flex;flex-direction: column;gap: 12px}.kanban-column-mobile-empty{padding: 32px 20px;text-align: center;color: var(--mud-palette-text-secondary,#64748b);font-size: 14px}.kanban-card{touch-action: pan-y;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none}.kanban-card:active{transition: none}.kanban-card[style*="translateX"]{position: relative}.kanban-pull-refresh{position: absolute;top: -60px;left: 0;right: 0;height: 60px;display: flex;align-items: center;justify-content: center;transition: opacity 0.2s ease;opacity: 0}.kanban-pull-refresh.visible{opacity: 1}.kanban-pull-refresh-spinner{width: 32px;height: 32px;border: 3px solid rgba(0,0,0,0.1);border-top-color: var(--mud-palette-primary,#2563eb);border-radius: 50%;animation: spin 0.8s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}.kanban-card-meta{flex-wrap: wrap;gap: 6px}.kanban-card-meta .chip{font-size: 11px;padding: 4px 8px}.kanban-card-meta .weather-chip,.kanban-card-meta .weather-optimal{font-size: 10px;padding: 3px 6px}.kanban-card-title{font-size: 15px;line-height: 1.4}.kanban-card-description{font-size: 13px;line-height: 1.5}}@media (max-width: 768px){.project-board-card{padding: var(--space-4);border-radius: var(--radius-lg);box-shadow: 0 1px 3px rgba(0,0,0,0.08);-webkit-tap-highlight-color: transparent;user-select: none;-webkit-user-select: none}.project-board-card:active{transform: scale(0.98)}.board-mini-preview{display: none !important}.board-icon-container{width: 40px;height: 40px}.board-icon-container .board-main-icon{font-size: 20px}.board-card-header{margin-bottom: var(--space-4)}.board-actions-menu{opacity: 1}.board-card-content{margin-bottom: var(--space-4)}.board-card-title{font-size: var(--text-base);margin-bottom: var(--space-2)}.board-card-description{font-size: var(--text-xs);line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.board-card-stats{margin: var(--space-4) 0;padding: var(--space-3);gap: var(--space-3);background: var(--surface-secondary)}.board-stat-item{flex: 1;min-width: 0}.board-stat-item .stat-icon{font-size: 16px}.board-stat-item .stat-number{font-size: var(--text-sm)}.board-stat-item .stat-text{font-size: 10px}@media (max-width: 380px){.board-stat-item.completed{display: none}}.board-progress-section{margin-top: var(--space-4)}.progress-info{margin-bottom: var(--space-2)}.board-progress-bar{height: 6px}.board-card-footer{margin-top: var(--space-4)}.board-open-btn{width: 100%;justify-content: center;padding: var(--space-3);font-size: var(--text-sm);font-weight: var(--font-medium)}.project-board-card.long-pressing{transform: scale(0.95);box-shadow: 0 4px 12px rgba(0,0,0,0.15);transition: all 0.2s ease}.project-boards-grid{grid-template-columns: 1fr;gap: var(--space-4);padding: var(--space-3) 0}}@media (max-width: 768px){.board-action-menu-sheet .mobile-bottom-sheet-content{max-height: 60vh}.board-action-menu-sheet .action-menu-list{padding: var(--space-2) 0}.board-action-menu-title{padding: var(--space-4);border-bottom: 1px solid var(--border-light)}.board-action-title{font-size: var(--text-base);font-weight: var(--font-semibold);color: var(--text-primary);margin: 0 0 var(--space-1) 0;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden}.board-action-subtitle{font-size: var(--text-xs);color: var(--text-secondary);display: flex;align-items: center;gap: var(--space-2)}.board-action-status-dot{width: 6px;height: 6px;border-radius: 50%}.board-action-status-dot.active{background: var(--color-success)}.board-action-status-dot.inactive{background: var(--text-tertiary)}.task-action-menu-title{padding: var(--space-4);border-bottom: 1px solid var(--border-light)}.task-action-title{font-size: var(--text-base);font-weight: var(--font-semibold);color: var(--text-primary);margin: 0 0 var(--space-1) 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.task-action-subtitle{font-size: var(--text-xs);color: var(--text-secondary);display: flex;align-items: center;gap: var(--space-2)}.suggestion-action-menu-title{padding: var(--space-4);border-bottom: 1px solid var(--border-light)}.suggestion-action-title{font-size: var(--text-base);font-weight: var(--font-semibold);color: var(--text-primary);margin: 0 0 var(--space-1) 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.suggestion-action-subtitle{font-size: var(--text-xs);color: var(--text-secondary);display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap}@media (max-width: 768px){.tasklibrary-page .task-actions{opacity: 1 !important;pointer-events: auto !important}}.recurrence-builder.modern .main-two-column-layout{display: block}.weather-template-grid{grid-template-columns: 1fr !important;gap: 12px !important;max-height: 400px;overflow-y: auto;-webkit-overflow-scrolling: touch;padding: 4px}.weather-template-card{min-height: auto !important;padding: 4px !important;margin-bottom: 0 !important;border-radius: 12px !important;transition: all 0.2s ease}.weather-template-card:active{transform: scale(0.98);background: var(--gray-50)}.weather-template-card .mud-typography{font-size: 14px !important;line-height: 1.4 !important}.weather-template-card h6{font-size: 15px !important;margin-bottom: 8px !important}.weather-intelligence-section{margin-top: 8px}.weather-template-selection-interface{margin-top: 12px}.weather-template-description{font-size: var(--text-xs)}.mud-expand-panel-header{min-height: 56px !important;padding: 14px 16px !important}.weather-template-actions .weather-select-button{display: none !important}.mud-expand-panel-content{padding: 12px 16px 16px !important}.mud-input-control{margin-bottom: 20px !important}.mud-input{min-height: 48px !important}.mud-button{min-height: 44px !important;padding: 12px 20px !important}.mud-chip{min-height: 32px !important}.mud-chip-close-button{min-width: 32px !important;min-height: 32px !important;padding: 6px !important}.mud-select,.mud-autocomplete{min-height: 48px !important}.mud-select .mud-input-control,.mud-autocomplete .mud-input-control{min-height: 48px !important}.mud-icon-button{min-width: 44px !important;min-height: 44px !important}.mud-checkbox,.mud-radio{min-width: 44px !important;min-height: 44px !important}.mud-switch{min-height: 44px !important}.mud-picker .mud-input{min-height: 48px !important}.mud-input-label{font-size: 14px !important;font-weight: 500 !important}.mud-input-helper-text{margin-top: 6px !important;font-size: 13px !important}.mud-input-control-input-container{border-radius: 12px !important}.mud-input:focus-within .mud-input-slot{background: var(--gray-50) !important}.kanban-card,.mud-card{border-radius: 14px !important;box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;transition: all 0.2s cubic-bezier(0.4,0,0.2,1) !important}.kanban-card:active,.mud-card:active{transform: scale(0.98);box-shadow: 0 1px 4px rgba(0,0,0,0.12) !important}.board-card{border-radius: 16px !important;overflow: hidden}.board-card:active{transform: scale(0.98)}.mud-button-root:active{transform: scale(0.96)}.mud-fab:active{transform: scale(0.92)}*{-webkit-tap-highlight-color: transparent}.mud-dialog-content,.kanban-column-cards,.weather-template-grid{scroll-behavior: smooth}.page-content{overscroll-behavior-y: contain}.mud-dialog{padding-bottom: env(safe-area-inset-bottom)}.mud-dialog-actions{padding-bottom: calc(16px + env(safe-area-inset-bottom)) !important}.mud-input:focus,.mud-select:focus,.mud-autocomplete:focus{outline: 2px solid var(--taloma-primary);outline-offset: 2px}.mud-progress-circular{animation: pulse 1.5s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes pulse{0%,100%{opacity: 1}50%{opacity: 0.7}}.mud-snackbar{bottom: calc(16px + env(safe-area-inset-bottom)) !important;left: 16px !important;right: 16px !important;width: auto !important;border-radius: 12px !important}.mud-list-item:active{background: var(--gray-100) !important}.mud-chip:active{transform: scale(0.95)}.mud-menu-item:active{background: var(--gray-100) !important}.mud-tab:active{background: rgba(var(--taloma-primary-rgb,37,99,235),0.08) !important}.mud-expand-panel-header:active{background: var(--gray-50) !important}.mobile-bottom-nav{padding-bottom: env(safe-area-inset-bottom)}.mud-typography-body1,.mud-typography-body2{color: var(--text-primary) !important;line-height: 1.6 !important}.mud-dialog .mud-card{box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important}.mud-dialog .mud-grid{row-gap: 12px !important}.mud-dialog-content .mud-grid > .mud-grid-item:first-child{padding-top: 16px !important}.mud-dialog .mud-dialog-content{padding-top: 8px !important}.optional-tag-chip{padding: 4px 8px !important;font-size: 12px !important;gap: 4px !important}.optional-tag-chip .tag-value{font-size: 12px !important}.optional-tag-chip .tag-remove-btn{min-width: 16px !important;width: 16px !important;height: 16px !important}.optional-tag-button{padding: 4px 8px !important;min-height: 24px !important;font-size: 12px !important}.kanban-board-page{padding: 12px 0 !important}.kanban-board-header{padding: 12px 16px !important;background: white;border-radius: 0 !important;margin-bottom: 12px;box-shadow: 0 2px 4px rgba(0,0,0,0.04)}.kanban-board-header h4{font-size: 20px !important;font-weight: 600 !important}.kanban-column-mobile-header{position: sticky;top: 0;z-index: 5}.kanban-board-content{padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important}.kanban-column-cards{padding: 12px;gap: 12px}.kanban-card.dragging{opacity: 0.5;transform: rotate(2deg)}.kanban-column-empty{padding: 32px 16px;text-align: center;color: var(--text-tertiary);font-size: 14px}.board-selector-mobile{border-radius: 12px;margin: 12px 16px}}@media (max-width: 768px){.filter-controls{flex-direction: column;gap: 16px;width: 100%;max-height: 0;overflow: hidden;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);opacity: 0;transform: translateY(-10px)}.filter-controls.expanded{max-height: 300px;opacity: 1;transform: translateY(0);margin-top: 16px}.search-box{order: 1;position: relative;width: 100%}.search-box input{width: 100%;min-height: 48px;padding: 12px 16px 12px 48px;border-radius: 16px;border: 1px solid rgba(0,0,0,0.1);background: linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);font-size: 16px;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.search-box input:focus{outline: none;border-color: #3b82f6;box-shadow: 0 4px 12px rgba(59,130,246,0.15);transform: translateY(-1px)}.search-box i{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: #94a3b8;font-size: 20px;pointer-events: none}.filter-dropdown{order: 2;width: 100%;display: none !important}.filter-dropdown select{width: 100%;min-height: 48px;padding: 12px 16px;border-radius: 16px;border: 1px solid rgba(0,0,0,0.1);background: linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);font-size: 16px;color: #1e293b;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.04);appearance: none;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position: right 12px center;background-repeat: no-repeat;background-size: 16px;padding-right: 48px}.filter-dropdown select:focus{outline: none;border-color: #3b82f6;box-shadow: 0 4px 12px rgba(59,130,246,0.15);transform: translateY(-1px)}.filter-clear-button{order: 3;align-self: center;min-height: 44px;padding: 12px 24px;border-radius: 16px;border: none;background: linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);color: #dc2626;font-weight: 500;transition: all 0.3s ease;display: flex;align-items: center;gap: 8px;box-shadow: 0 2px 8px rgba(220,38,38,0.1);display: none !important}.filter-clear-button:hover{background: linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(220,38,38,0.15)}}@media (max-width: 768px){.mobile-filter-drawer{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6);backdrop-filter: blur(8px);z-index: 1001;opacity: 0;visibility: hidden;transition: all 0.4s cubic-bezier(0.4,0,0.2,1)}.mobile-filter-drawer.active{opacity: 1;visibility: visible}.mobile-filter-content{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius: 24px 24px 0 0;padding: 24px 20px calc(24px + env(safe-area-inset-bottom));transform: translateY(100%);transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 -20px 60px rgba(0,0,0,0.3);max-height: 85vh;overflow-y: auto}.mobile-filter-drawer.active .mobile-filter-content{transform: translateY(0)}.filter-drawer-handle{width: 40px;height: 4px;background: linear-gradient(90deg,#e2e8f0 0%,#cbd5e1 100%);border-radius: 2px;margin: 0 auto 24px;transition: all 0.3s ease}.filter-drawer-handle:hover{background: linear-gradient(90deg,#cbd5e1 0%,#94a3b8 100%)}.filter-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 24px}.filter-title{font-size: 20px;font-weight: 700;color: #1e293b;display: flex;align-items: center;gap: 12px}.filter-close{width: 40px;height: 40px;border-radius: 12px;background: linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border: none;display: flex;align-items: center;justify-content: center;color: #64748b;font-size: 20px;transition: all 0.3s ease}.filter-close:hover{background: linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);color: #475569;transform: scale(1.05)}.filter-section{margin-bottom: 24px}.filter-section-title{font-size: 16px;font-weight: 600;color: #374151;margin-bottom: 12px;display: flex;align-items: center;gap: 8px}.category-filter-pills{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 20px}.category-pill{padding: 10px 16px;border-radius: 20px;background: linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border: 2px solid transparent;color: #64748b;font-size: 14px;font-weight: 500;transition: all 0.3s ease;cursor: pointer}.category-pill:hover{background: linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);color: #475569;transform: translateY(-1px)}.category-pill.active{background: linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color: white;border-color: #3b82f6;box-shadow: 0 4px 12px rgba(59,130,246,0.25)}.view-filter-pills{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 20px}.view-pill{display: flex;align-items: center;gap: 8px;padding: 10px 16px;border-radius: 20px;background: linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border: 2px solid transparent;color: #64748b;font-size: 14px;font-weight: 500;transition: all 0.3s ease;cursor: pointer}.view-pill:hover{background: linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);color: #475569;transform: translateY(-1px)}.view-pill.active{background: linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color: white;border-color: #3b82f6;box-shadow: 0 4px 12px rgba(59,130,246,0.25)}.view-pill .mud-icon{font-size: 18px}.status-filter-toggles{display: flex;flex-direction: column;gap: 12px;margin-bottom: 20px}.status-toggle{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;border-radius: 16px;background: linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border: 2px solid rgba(0,0,0,0.06);transition: all 0.3s ease;cursor: pointer}.status-toggle:hover{background: linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-color: rgba(59,130,246,0.2);transform: translateY(-1px)}.status-toggle.active{background: linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color: #3b82f6;box-shadow: 0 4px 12px rgba(59,130,246,0.15)}.status-toggle-left{display: flex;align-items: center;gap: 12px}.status-toggle-icon{width: 32px;height: 32px;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 16px}.status-toggle.overdue .status-toggle-icon{background: linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);color: #dc2626}.status-toggle.due-soon .status-toggle-icon{background: linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);color: #d97706}.status-toggle.upcoming .status-toggle-icon{background: linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);color: #3b82f6}.status-toggle.completed .status-toggle-icon{background: linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);color: #16a34a}.status-toggle-text{font-size: 16px;font-weight: 500;color: #1e293b}.status-toggle-count{background: linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);color: #64748b;padding: 4px 8px;border-radius: 8px;font-size: 12px;font-weight: 600}.status-toggle.active .status-toggle-count{background: linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color: white}.filter-actions{display: flex;gap: 12px;margin-top: 24px;padding-top: 20px;border-top: 1px solid rgba(0,0,0,0.06)}.filter-action-btn{flex: 1;min-height: 48px;border-radius: 16px;border: none;font-size: 16px;font-weight: 600;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 8px}.filter-clear-btn{background: linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);color: #dc2626}.filter-clear-btn:hover{background: linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);transform: translateY(-1px)}.filter-apply-btn{background: linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color: white;box-shadow: 0 4px 12px rgba(59,130,246,0.25)}.filter-apply-btn:hover{background: linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform: translateY(-1px);box-shadow: 0 6px 20px rgba(59,130,246,0.35)}}@media (max-width: 768px){.year-selector{flex-direction: column;align-items: stretch;gap: 16px;margin-bottom: 16px}.year-buttons{justify-content: center;flex-wrap: wrap;gap: 8px;background: linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-radius: 20px;padding: 4px;box-shadow: 0 2px 8px rgba(0,0,0,0.06);border: 1px solid rgba(0,0,0,0.04)}.year-button{padding: 8px 16px;border-radius: 16px;background: transparent;border: none;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);color: #64748b;font-weight: 500;font-size: 14px;min-height: 36px}.year-button:hover{background: rgba(255,255,255,0.5);color: #475569}.year-button.active{background: linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color: white;box-shadow: 0 4px 12px rgba(59,130,246,0.25);transform: translateY(-1px)}.view-button{flex: 1;justify-content: center;min-height: 44px;border-radius: 16px;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);border: none;background: transparent;color: #64748b;font-weight: 500;display: flex;align-items: center;gap: 8px}.view-button:hover{background: rgba(255,255,255,0.5);color: #475569}.view-button.active{background: linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);color: #3b82f6;box-shadow: 0 4px 12px rgba(59,130,246,0.15);transform: translateY(-1px)}.view-button i{font-size: 18px}}@media (max-width: 768px){.pagination-container{flex-direction: column;gap: var(--space-4);text-align: center;padding: var(--space-4)}.pagination-info{order: 2;font-size: var(--text-xs);color: var(--text-secondary)}.pagination-controls{order: 1}.page-size-selector{order: 3;align-self: center}.page-size-selector select{min-height: 40px;padding: var(--space-2) var(--space-6) var(--space-2) var(--space-3);border-radius: 16px;border: 1px solid rgba(0,0,0,0.1);background: var(--surface-primary)}.empty-state{padding: var(--space-12) var(--space-4);text-align: center}.empty-icon .mud-icon{font-size: 2.5rem;color: var(--text-tertiary);margin-bottom: var(--space-4)}.empty-state h3{font-size: var(--text-lg);font-weight: var(--font-semibold);margin-bottom: var(--space-2)}.empty-state p{font-size: var(--text-sm);color: var(--text-secondary);max-width: 320px;margin: 0 auto var(--space-6);line-height: 1.5}.empty-action{padding: var(--space-4) var(--space-6);min-height: 48px;border-radius: 16px;background: var(--taloma-primary);color: var(--text-inverse);border: none;font-weight: var(--font-medium);transition: all 0.2s ease}.empty-action:hover{background: var(--taloma-primary-hover);transform: translateY(-1px)}.loading-state{min-height: 300px;padding: var(--space-6);display: flex;align-items: center;justify-content: center}.loading-logo{width: 60px;height: 60px}.loading-text{font-size: var(--text-sm);color: var(--text-secondary)}.loading-progress{width: 160px;height: 3px;background: rgba(0,0,0,0.1);border-radius: 50%;overflow: hidden}.progress-bar{height: 100%;background: var(--taloma-primary);border-radius: 50%;animation: loading 2s ease-in-out infinite}@keyframes loading{0%{width: 0%}50%{width: 70%}100%{width: 100%}}}@media (max-width: 768px){.mobile-show{display: block !important}.mobile-hide{display: none !important}.mobile-p-0{padding: 0 !important}.mobile-p-2{padding: var(--space-2) !important}.mobile-p-4{padding: var(--space-4) !important}.mobile-m-0{margin: 0 !important}.mobile-m-2{margin: var(--space-2) !important}.mobile-m-4{margin: var(--space-4) !important}.mobile-text-center{text-align: center !important}.mobile-text-left{text-align: left !important}.mobile-text-sm{font-size: var(--text-sm) !important}.mobile-text-base{font-size: var(--text-base) !important}.mobile-flex-col{flex-direction: column !important}.mobile-flex-row{flex-direction: row !important}.mobile-justify-center{justify-content: center !important}.mobile-items-center{align-items: center !important}.mobile-w-full{width: 100% !important}.mobile-w-auto{width: auto !important}}@media (max-width: 480px){.empty-state{padding: var(--space-8) var(--space-3) var(--space-1)}.empty-state p{max-width: 280px}.year-buttons{gap: var(--space-1)}.year-button{padding: var(--space-2) var(--space-3);font-size: var(--text-xs)}}@media (max-width: 360px){.empty-state{padding: 40px 20px;text-align: center;color: #94a3b8;display: flex;flex-direction: column;align-items: center;gap: 16px}.empty-state i{font-size: 48px;color: #cbd5e1;margin-bottom: 8px}.empty-state p{font-size: 16px;font-weight: 500;color: #64748b;margin: 0}.mobile-search-box{display: flex;align-items: center;gap: 12px;background: var(--surface-primary);border: 1px solid var(--border-light);border-radius: 12px;padding: 14px 16px;margin-bottom: 20px;transition: all 0.2s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.04);position: relative}.mobile-search-box:focus-within{border-color: var(--taloma-primary,#2563eb);box-shadow: 0 4px 16px rgba(37,99,235,0.15);transform: translateY(-1px)}.mobile-search-box input{border: none;background: transparent;font-size: var(--text-base,16px);flex: 1;outline: none;color: var(--text-primary,#1e293b);font-weight: 400;line-height: 1.5;width: 100%}.mobile-search-box input::placeholder{color: var(--text-tertiary,#94a3b8)}.mobile-search-box .mud-icon{color: var(--text-secondary,#64748b);font-size: 20px;flex-shrink: 0}.mobile-search-box .search-icon{color: var(--text-secondary,#64748b);font-size: 20px;flex-shrink: 0}.mobile-search-box .clear-button{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;border-radius: 50%;background: var(--surface-tertiary,#f1f5f9);border: none;cursor: pointer;transition: all 0.2s ease;flex-shrink: 0}.mobile-search-box .clear-button:hover{background: var(--surface-secondary,#e2e8f0);transform: scale(1.1)}.mobile-search-box .clear-button .mud-icon{font-size: 14px;color: var(--text-secondary,#64748b)}.mobile-search-container{padding: 16px 20px;background: var(--surface-primary)}.mobile-search-container .mobile-search-box{margin-bottom: 0}}.mobile-wizard-container{max-width: 100%;padding: 16px 16px 160px 16px;background: #f8fafc;min-height: 100vh}.wizard-loading{display: flex;justify-content: center;align-items: center;min-height: 400px}.mobile-wizard-header{background: linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);color: #212121;padding: 20px 16px;border-radius: 0;margin-bottom: 0;text-align: left;display: flex;align-items: center;gap: 12px;border-bottom: 2px solid #2563eb;box-shadow: 0 1px 3px rgba(0,0,0,0.04)}.mobile-wizard-logo{height: 32px;width: auto;object-fit: contain}.mobile-wizard-header-title{font-size: 16px;font-weight: 600;color: #1e293b;margin: 0;letter-spacing: -0.01em}.mobile-wizard-subtitle{opacity: 0.9;margin-top: 8px}.mobile-wizard-progress{margin: 0;padding: 16px;background: white;border-bottom: 1px solid #e5e7eb}.mobile-wizard-progress .mud-progress-linear{height: 6px;border-radius: 3px;background-color: #e5e7eb}.mobile-wizard-progress .mud-progress-linear .mud-progress-linear-bar{background: linear-gradient(90deg,#2563eb 0%,#3b82f6 100%)}.mobile-wizard-progress-text{margin-top: 8px;font-size: 12px;color: #2563eb;font-weight: 600;letter-spacing: 0.02em}.mobile-step-container{background: white;border-radius: 12px;padding: 20px 16px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);margin-bottom: 20px}.mobile-step-title{font-size: 20px;font-weight: 600;color: #1e293b;margin-bottom: 8px;display: flex;align-items: center;text-align: left}.mobile-step-title .mud-icon{margin-right: 8px;color: #2563eb;font-size: 24px}.mobile-step-description{font-size: 14px;color: #757575;margin-bottom: 24px;font-style: normal;line-height: 1.5;font-weight: 400;text-align: left}.mobile-wizard-container .mobile-form-field{margin-bottom: 20px}.mobile-wizard-container .mobile-form-field label{font-weight: 500;margin-bottom: 8px;display: block;color: #424242}.mobile-wizard-container .mobile-form-field .mud-input-control .mud-input-control-input-container .mud-input{min-height: 48px;font-size: 16px}.mobile-wizard-container .mobile-form-field .mud-select .mud-input{min-height: 48px;font-size: 16px}.mobile-wizard-container .mobile-form-field .mud-input-control .mud-input-control-input-container textarea{font-size: 16px;min-height: 100px}.mobile-wizard-container .mobile-form-field .mud-input,.mobile-wizard-container .mobile-form-field .mud-select,.mobile-wizard-container .mobile-form-field textarea{margin-top: 4px}.mobile-wizard-navigation{display: flex;justify-content: space-between;align-items: center;padding: 16px;padding-bottom: calc(16px + env(safe-area-inset-bottom));background: white;border-top: 1px solid #e0e0e0;position: fixed;bottom: 0;left: 0;right: 0;z-index: 1100;box-shadow: 0 -2px 8px rgba(0,0,0,0.15)}.mobile-wizard-navigation .mud-button{min-height: 44px;font-size: 0.9rem;padding: 0 20px}.mobile-wizard-container .mobile-image-upload{position: relative;width: 100%;max-width: 300px;height: 200px;margin: 0 auto 20px auto;border-radius: 12px;overflow: hidden;background: #f5f5f5;display: flex;align-items: center;justify-content: center;border: 2px dashed #ccc}.mobile-wizard-container .mobile-image-upload img{width: 100%;height: 100%;object-fit: cover}.mobile-wizard-container .mobile-image-upload-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s;color: white}.mobile-image-upload:hover .mobile-image-upload-overlay{opacity: 1}.ai-guidance-card{background: linear-gradient(135deg,#e3f2fd 0%,#f8fbff 100%);border: 1px solid #2196f3;border-radius: 12px;padding: 16px;margin-top: 20px}.ai-guidance-header{display: flex;align-items: center;gap: 8px;margin-bottom: 12px}.ai-guidance-icon{color: #1976d2;font-size: 1.2rem}.ai-guidance-title{font-weight: 600;color: #1976d2;font-size: 0.9rem}.ai-guidance-content{color: #424242;font-size: 0.85rem;line-height: 1.4}.completion-benefits{background: #f1f8e9;border: 1px solid #8bc34a;border-radius: 12px;padding: 16px;margin-top: 20px}.completion-benefits-title{font-weight: 600;color: #558b2f;margin-bottom: 8px;display: flex;align-items: center;gap: 8px;font-size: 0.9rem}.completion-benefits-list{font-size: 0.85rem;color: #424242;line-height: 1.4}.completion-benefits-list li{margin-bottom: 4px}@media (max-width: 768px){.mobile-wizard-container{padding: 12px 12px 180px 12px}.mobile-wizard-navigation{padding: 20px 16px;padding-bottom: calc(20px + env(safe-area-inset-bottom));margin-bottom: 60px}.mobile-wizard-navigation .mud-button{min-width: 100px;min-height: 48px}}@supports (padding: max(0px)){.mobile-wizard-navigation{padding-bottom: max(16px,env(safe-area-inset-bottom))}@media (max-width: 768px){.mobile-wizard-navigation{padding-bottom: max(20px,env(safe-area-inset-bottom));bottom: 0px;margin-bottom: 0px}}}.mobile-house-wizard-page .mobile-nav,.mobile-house-wizard-page .bottom-nav,.mobile-house-wizard-page .mud-bottom-navigation,.mobile-house-wizard-page .mobile-bottom-nav{z-index: 999 !important;display: none !important}.mobile-house-wizard-page .mobile-wizard-navigation{z-index: 1100 !important}.text-white{color: white}.mt-4{margin-top: 4px}.muted-text{color: #666}.mobile-wizard-container .mobile-form-field{position: relative;transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}.mobile-wizard-container .mobile-form-field.has-error{animation: shake 0.4s cubic-bezier(0.36,0.07,0.19,0.97)}.mobile-wizard-container .mobile-form-field.has-error label{color: #d32f2f;font-weight: 600}.mobile-wizard-container .mobile-form-field.has-error .mud-input-control{border-color: #d32f2f;box-shadow: 0 0 0 2px rgba(211,47,47,0.1)}.mobile-wizard-container .mobile-form-field.has-error .mud-select{border-color: #d32f2f;box-shadow: 0 0 0 2px rgba(211,47,47,0.1)}.mobile-wizard-container .validation-message{display: flex;align-items: center;gap: 6px;color: #d32f2f;font-size: 0.75rem;font-weight: 500;margin-top: 6px;padding: 4px 8px;background: rgba(211,47,47,0.05);border-radius: 6px;border-left: 3px solid #d32f2f;animation: slideInUp 0.3s cubic-bezier(0.4,0,0.2,1)}.mobile-wizard-container .validation-message::before{content:"⚠️";font-size: 0.8rem}.mobile-wizard-container .mobile-form-field.has-success .mud-input-control{border-color: #388e3c;box-shadow: 0 0 0 2px rgba(56,142,60,0.1)}.mobile-wizard-container .mobile-form-field.has-success label::after{content:"✓";color: #388e3c;font-weight: 600;margin-left: 6px;animation: fadeIn 0.3s ease}.mobile-wizard-container .mobile-validation-summary{background: linear-gradient(135deg,#ffebee 0%,#fce4ec 100%);border: 1px solid #f8bbd9;border-radius: 12px;padding: 16px;margin: 16px 0;animation: slideInDown 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 2px 8px rgba(244,67,54,0.1)}.mobile-wizard-container .mobile-validation-summary.success{background: linear-gradient(135deg,#e8f5e8 0%,#f1f8e9 100%);border-color: #c8e6c9;box-shadow: 0 2px 8px rgba(76,175,80,0.1)}.mobile-wizard-container .mobile-validation-summary-header{display: flex;align-items: center;gap: 8px;margin-bottom: 12px;font-weight: 600;font-size: 0.9rem}.mobile-wizard-container .mobile-validation-summary-header.error{color: #d32f2f}.mobile-wizard-container .mobile-validation-summary-header.success{color: #388e3c}.mobile-wizard-container .mobile-validation-summary-header::before{font-size: 1.1rem}.mobile-wizard-container .mobile-validation-summary-header.error::before{content:"❌"}.mobile-wizard-container .mobile-validation-summary-header.success::before{content:"✅"}.mobile-wizard-container .mobile-validation-summary-list{list-style: none;padding: 0;margin: 0}.mobile-wizard-container .mobile-validation-summary-list li{display: flex;align-items: flex-start;gap: 8px;padding: 4px 0;font-size: 0.8rem;line-height: 1.4}.mobile-wizard-container .mobile-validation-summary-list li::before{content:"•";color: #d32f2f;font-weight: bold;flex-shrink: 0;margin-top: 2px}.mobile-wizard-container .mobile-validation-summary.success .mobile-validation-summary-list li::before{content:"✓";color: #388e3c}.mobile-validation-indicator{position: fixed;top: 20px;left: 50%;transform: translateX(-50%);background: #d32f2f;color: white;padding: 12px 20px;border-radius: 25px;font-size: 0.85rem;font-weight: 500;z-index: 2000;box-shadow: 0 4px 16px rgba(211,47,47,0.3);animation: bounceIn 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);display: flex;align-items: center;gap: 8px;max-width: calc(100vw - 40px)}.mobile-validation-indicator.success{background: #388e3c;box-shadow: 0 4px 16px rgba(56,142,60,0.3)}.mobile-validation-indicator::before{font-size: 1rem}.mobile-validation-indicator.error::before{content:"⚠️"}.mobile-validation-indicator.success::before{content:"✅"}.mobile-wizard-navigation .mud-button:disabled{opacity: 0.6;background: #f5f5f5 !important;color: #9e9e9e !important;border-color: #e0e0e0 !important;position: relative;overflow: hidden}.mobile-wizard-navigation .mud-button.validating{background: linear-gradient(90deg,#1976d2 0%,#42a5f5 50%,#1976d2 100%);background-size: 200% 100%;animation: shimmer 1.5s infinite}.mobile-wizard-navigation .mud-button-filled.mud-button-filled-success{background: linear-gradient(135deg,#FF8800 0%,#ff9f33 100%) !important;color: white !important;border: none !important;box-shadow: 0 2px 8px rgba(255,136,0,0.3) !important}.mobile-wizard-navigation .mud-button-filled.mud-color-success:hover{box-shadow: 0 4px 12px rgba(255,136,0,0.4) !important}.mobile-wizard-navigation .mud-button-filled.mud-color-success:active{box-shadow: 0 1px 4px rgba(255,136,0,0.3) !important}.mobile-wizard-container .mobile-form-field label.required::after{content:" *";color: #d32f2f;font-weight: 600}.mobile-wizard-container .mobile-form-field.focused{transform: scale(1.02);box-shadow: 0 4px 12px rgba(25,118,210,0.15)}.mobile-wizard-progress .mud-progress-linear.error{background: linear-gradient(90deg,#ffcdd2 0%,#f8bbd9 100%)}.mobile-wizard-progress .mud-progress-linear.error .mud-progress-linear-bars .mud-progress-linear-bar{background: #d32f2f}.character-counter{display: flex;justify-content: space-between;align-items: center;margin-top: 4px;font-size: 0.75rem}.character-counter.error{color: #d32f2f}.character-counter.success{color: #388e3c}.character-counter.warning{color: #f57c00}@keyframes shake{0%,100%{transform: translateX(0)}10%,30%,50%,70%,90%{transform: translateX(-3px)}20%,40%,60%,80%{transform: translateX(3px)}}@keyframes slideInUp{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}@keyframes slideInDown{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}@keyframes bounceIn{0%{opacity: 0;transform: translateX(-50%) scale(0.3)}50%{opacity: 1;transform: translateX(-50%) scale(1.05)}70%{transform: translateX(-50%) scale(0.9)}100%{opacity: 1;transform: translateX(-50%) scale(1)}}@keyframes shimmer{0%{background-position: -200% 0}100%{background-position: 200% 0}}.mobile-form-field .mud-input-control:focus-within{transform: translateY(-1px);box-shadow: 0 4px 12px rgba(25,118,210,0.15);transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}@media (prefers-reduced-motion: reduce){.mobile-form-field,.validation-message,.mobile-validation-summary,.mobile-validation-indicator,.mobile-form-field .mud-input-control{animation: none !important;transition: none !important}}@media (hover: none) and (pointer: coarse){.mobile-wizard-container .mobile-form-field.has-error{background: rgba(211,47,47,0.02);border-radius: 8px;margin: 8px 0;padding: 4px}.validation-message{font-size: 0.8rem;padding: 8px 12px}}.mobile-wizard-category-progress{margin-bottom: 20px;padding: 0;background: transparent;border-radius: 0;text-align: left}.mobile-wizard-category-progress .mud-typography{font-size: 13px;color: #2563eb;font-weight: 500}.mobile-wizard-category-content{padding: 8px 0 0 0;margin-top: 0}.mobile-wizard-category-description{font-size: 14px;color: #757575;font-style: normal;margin-bottom: 16px;padding: 0;background: transparent;border-radius: 0;line-height: 1.5}.mobile-wizard-feature-accordion{margin-bottom: 8px;border: none;border-radius: 8px;overflow: hidden;background: transparent}.mobile-wizard-feature-accordion:last-child{margin-bottom: 0}.mobile-wizard-feature-header{display: flex;justify-content: space-between;align-items: center;padding: 16px 16px;background: linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);cursor: pointer;transition: all 0.25s cubic-bezier(0.4,0,0.2,1);user-select: none;border-radius: 8px;border: 1.5px solid #e5e7eb;box-shadow: 0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);position: relative;overflow: hidden}.mobile-wizard-feature-header::before{content:'';position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: transparent;transition: all 0.25s cubic-bezier(0.4,0,0.2,1);border-radius: 8px 0 0 8px}.mobile-wizard-feature-header::after{content:'';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 5px solid #e5e7eb;border-top: 4px solid transparent;border-bottom: 4px solid transparent;opacity: 0.6;transition: opacity 0.2s ease}.mobile-wizard-feature-header:active{transform: scale(0.98);box-shadow: 0 1px 4px rgba(0,0,0,0.1)}.mobile-wizard-feature-header.expanded{background: linear-gradient(135deg,#ffffff 0%,#f0f7ff 100%);border-color: #60a5fa;box-shadow: 0 2px 8px rgba(59,130,246,0.15),0 1px 3px rgba(59,130,246,0.1);border-bottom-left-radius: 0;border-bottom-right-radius: 0;margin-bottom: 0}.mobile-wizard-feature-header.expanded::before{background: linear-gradient(180deg,#2563eb 0%,#3b82f6 100%);box-shadow: 0 0 8px rgba(37,99,235,0.3)}.mobile-wizard-feature-header.expanded::after{opacity: 0}.mobile-wizard-feature-header .mud-icon{color: #64748b;transition: all 0.25s cubic-bezier(0.4,0,0.2,1);font-size: 22px !important;filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05))}.mobile-wizard-feature-header.expanded .mud-icon{color: #2563eb;transform: rotate(0deg);filter: drop-shadow(0 1px 2px rgba(37,99,235,0.2))}.mobile-wizard-feature-header:not(.expanded) .mud-icon{color: #94a3b8}.mobile-wizard-feature-header-content{display: flex;align-items: center;gap: 12px;flex: 1}.mobile-wizard-feature-name{font-weight: 600;font-size: 15px;color: #1e293b;letter-spacing: -0.01em}.mobile-wizard-feature-header-content .mud-chip{height: 20px;font-size: 12px;font-weight: 600;background-color: #fff3e0 !important;color: #FF8800 !important;box-shadow: 0 1px 2px rgba(255,136,0,0.15)}.mobile-wizard-feature-items{padding: 12px 16px 12px 16px;animation: mobileWizardSlideDown 0.3s ease-out;display: flex;flex-direction: column;gap: 0;background: linear-gradient(to bottom,#f0f7ff 0%,#ffffff 100%);border: 1.5px solid #60a5fa;border-top: none;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;box-shadow: 0 2px 8px rgba(59,130,246,0.08);margin-bottom: 8px}@keyframes mobileWizardSlideDown{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}.mobile-wizard-feature-item{padding: 14px 16px;background: white;border: 1.5px solid #e5e7eb;border-radius: 8px;cursor: pointer;transition: all 0.2s cubic-bezier(0.4,0,0.2,1);user-select: none;-webkit-tap-highlight-color: transparent;margin-bottom: 8px;box-shadow: 0 1px 2px rgba(0,0,0,0.04);position: relative}.mobile-wizard-feature-item::before{content:'';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background: transparent;transition: all 0.2s ease;border-radius: 8px 0 0 8px}.mobile-wizard-feature-item:last-child{margin-bottom: 0}.mobile-wizard-feature-item:hover{border-color: #cbd5e1;box-shadow: 0 2px 4px rgba(0,0,0,0.08);transform: translateX(2px)}.mobile-wizard-feature-item:active{transform: scale(0.98)}.mobile-wizard-feature-item.selected{background: linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-color: #4ade80;box-shadow: 0 2px 6px rgba(74,222,128,0.2),0 1px 3px rgba(74,222,128,0.1)}.mobile-wizard-feature-item.selected::before{background: linear-gradient(180deg,#22c55e 0%,#4ade80 100%)}.mobile-wizard-feature-item-content{display: flex;justify-content: space-between;align-items: center;gap: 12px}.mobile-wizard-feature-item-name{font-size: 15px;color: #334155;flex: 1;line-height: 1.5;font-weight: 500}.mobile-wizard-feature-item.selected .mobile-wizard-feature-item-name{color: #166534;font-weight: 600}.mobile-wizard-selection-indicator{color: #22c55e;font-size: 22px !important;flex-shrink: 0;opacity: 1;filter: drop-shadow(0 1px 2px rgba(34,197,94,0.3));animation: checkmarkAppear 0.3s cubic-bezier(0.68,-0.55,0.265,1.55)}@keyframes checkmarkAppear{0%{opacity: 0;transform: scale(0.3) rotate(-45deg)}50%{transform: scale(1.1) rotate(10deg)}100%{opacity: 1;transform: scale(1) rotate(0deg)}}.mobile-wizard-no-features,.mobile-wizard-no-categories{padding: 40px 20px;text-align: center}.mobile-wizard-feature-accordion,.mobile-wizard-feature-header,.mobile-wizard-feature-item{transition: all 0.2s ease}@media (max-width: 768px){.mobile-step-title{font-size: 18px}.mobile-wizard-feature-name{font-size: 14px}.mobile-wizard-feature-item-name{font-size: 14px}.mobile-wizard-feature-item{padding: 12px 14px}.mobile-wizard-feature-header{padding: 14px 8px}.mobile-wizard-feature-items{padding: 12px 12px 12px 12px}.mobile-wizard-category-progress .mud-typography{font-size: 12px}.mobile-wizard-selection-indicator{font-size: 18px !important}}