html{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;height:auto;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--aitu-green-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;line-height:var(--line-height-tight);margin:0}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.loading{opacity:.6;pointer-events:none}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}::selection{background:#08a04533;color:var(--text-primary)}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.no-print{display:none!important}}@media (prefers-contrast: high){:focus-visible{outline-width:3px}button,input,textarea,select{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-initializing{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:100vh;background:linear-gradient(135deg,#08a045f2,#3b82f6f2);backdrop-filter:blur(10px);z-index:9999;padding:2rem}.app-initializing .spinner,.app-initializing .spinner__svg{color:#fff!important}.app-initializing .spinner__track{stroke:#ffffff4d!important}.app-initializing .spinner__indicator{stroke:#fff!important}.app-initializing .text{color:#fff!important;font-size:1.125rem;font-weight:500;text-align:center}.app-initializing .text[color=muted],.app-initializing .text.text--muted{color:#fffffff2!important}// src/styles/variables.css - AITU Brand Colors :root{--aitu-green-primary: #08A045;--aitu-green-hover: #06d47a;--aitu-green-light: rgba(8, 160, 69, .1);--aitu-green-dark: #067034;--aitu-blue-primary: #0F084B;--aitu-blue-secondary: #4A90E2;--aitu-blue-light: rgba(15, 8, 75, .1);--aitu-blue-dark: #0A0635;--aitu-white: #FFFFFF;--aitu-black: #000000;--aitu-gray-50: #f8f9fa;--aitu-gray-100: #e9ecef;--aitu-gray-200: #dee2e6;--aitu-gray-300: #ced4da;--aitu-gray-400: #adb5bd;--aitu-gray-500: #6c757d;--aitu-gray-600: #495057;--aitu-gray-700: #343a40;--aitu-gray-800: #212529;--aitu-gray-900: #0d1117;--primary: var(--aitu-green-primary);--primary-50: var(--aitu-green-light);--primary-100: rgba(8, 160, 69, .2);--primary-200: rgba(8, 160, 69, .3);--primary-300: rgba(8, 160, 69, .4);--primary-400: rgba(8, 160, 69, .6);--primary-500: var(--aitu-green-primary);--primary-600: var(--aitu-green-dark);--primary-700: #055028;--primary-800: #044020;--primary-900: #033018;--secondary: var(--aitu-blue-secondary);--secondary-50: var(--aitu-blue-light);--secondary-100: rgba(74, 144, 226, .2);--secondary-200: rgba(74, 144, 226, .3);--secondary-300: rgba(74, 144, 226, .4);--secondary-400: rgba(74, 144, 226, .6);--secondary-500: var(--aitu-blue-secondary);--secondary-600: #3b7bc0;--secondary-700: #2d5f95;--secondary-800: #1f4269;--secondary-900: var(--aitu-blue-primary);--success: var(--aitu-green-primary);--success-light: var(--aitu-green-light);--success-dark: var(--aitu-green-dark);--warning: #ffc107;--warning-light: #fff3cd;--warning-dark: #856404;--error: #dc3545;--error-light: #f8d7da;--error-dark: #721c24;--info: var(--aitu-blue-secondary);--info-light: var(--aitu-blue-light);--info-dark: var(--aitu-blue-primary);--text-primary: var(--aitu-black);--text-secondary: var(--aitu-gray-700);--text-tertiary: var(--aitu-gray-500);--text-muted: var(--aitu-gray-400);--text-disabled: var(--aitu-gray-300);--text-inverse: var(--aitu-white);--text-success: var(--aitu-green-primary);--text-warning: var(--warning);--text-error: var(--error);--text-info: var(--aitu-blue-secondary);--bg-primary: var(--aitu-white);--bg-secondary: var(--aitu-gray-50);--bg-tertiary: var(--aitu-gray-100);--bg-surface: var(--aitu-white);--bg-header: var(--aitu-blue-primary);--bg-sidebar: var(--aitu-white);--bg-overlay: rgba(15, 8, 75, .6);--bg-hover: var(--aitu-gray-50);--bg-active: var(--aitu-gray-100);--bg-disabled: var(--aitu-gray-100);--bg-success: var(--aitu-green-light);--bg-warning: var(--warning-light);--bg-error: var(--error-light);--bg-info: var(--aitu-blue-light);--border-color: var(--aitu-gray-200);--border-light: var(--aitu-gray-100);--border-medium: var(--aitu-gray-300);--border-dark: var(--aitu-gray-400);--border-focus: var(--aitu-green-primary);--border-error: var(--error);--border-success: var(--aitu-green-primary);--border-warning: var(--warning);--border-info: var(--aitu-blue-secondary);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Fira Code", monospace;--font-family-brand: "Inter", sans-serif;--font-size-xs: clamp(.75rem, 2vw, .875rem);--font-size-sm: clamp(.875rem, 2.5vw, 1rem);--font-size-base: clamp(1rem, 3vw, 1.125rem);--font-size-md: var(--font-size-base);--font-size-lg: clamp(1.125rem, 3.5vw, 1.25rem);--font-size-xl: clamp(1.25rem, 4vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 5vw, 2rem);--font-size-3xl: clamp(2rem, 6vw, 2.5rem);--font-size-4xl: clamp(2.5rem, 7vw, 3rem);--font-size-5xl: clamp(3rem, 8vw, 4rem);--line-height-none: 1;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--space-px: 1px;--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-10);--space-3xl: var(--space-12);--space-4xl: var(--space-16);--space-5xl: var(--space-20);--space-6xl: var(--space-24);--radius-none: 0;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05), 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-brand: 0 4px 14px 0 rgba(8, 160, 69, .15);--shadow-brand-lg: 0 10px 25px 0 rgba(8, 160, 69, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .35s cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-hide: -1;--z-auto: auto;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1020;--z-banner: 1030;--z-header: 1040;--z-overlay: 1050;--z-modal: 1060;--z-popover: 1070;--z-tooltip: 1080;--z-toast: 1090;--z-max: 2147483647;header.header,.header,div.header,nav.header{position:sticky!important;top:0!important;z-index:2147483647!important;background:#1f2937f2!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid #374151!important;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003!important;transform:translateZ(0)!important;will-change:transform!important;isolation:isolate!important;overflow:visible!important;width:100%!important}.layout__content,.layout__main,.home-page,.home-hero,.home-features,.home-listings,.home-how-it-works,.home-testimonials,.home-cta,.home-hero *,.home-features *,.home-listings *,.home-how-it-works *,.home-testimonials *,.home-cta *{z-index:0!important;position:relative!important}--focus-ring-width: 3px;--focus-ring-color: var(--aitu-green-primary);--focus-ring-offset: 2px;--focus-ring: 0 0 0 var(--focus-ring-width) color-mix(in srgb, var(--focus-ring-color) 30%, transparent);--focus-ring-inset: inset 0 0 0 var(--focus-ring-width) color-mix(in srgb, var(--focus-ring-color) 30%, transparent);--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--container-8xl: 90rem;--breakpoint-xs: 475px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--header-height: 4rem;--header-height-mobile: 3.5rem;--sidebar-width: 16rem;--sidebar-width-collapsed: 4rem;--input-height-sm: 2rem;--input-height-md: 2.5rem;--input-height-lg: 3rem;--input-padding-x: .75rem;--input-padding-y: .5rem;--button-height-xs: 1.5rem;--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--button-height-xl: 3.5rem}@media (prefers-contrast: high){:root{--border-color: var(--aitu-black);--text-secondary: var(--aitu-black);--text-muted: var(--aitu-gray-700);--focus-ring-width: 4px}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms;--transition-bounce: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms}}@media (max-width: 768px){.searchbar__input-wrapper{flex-direction:column;gap:var(--spacing-sm)}.searchbar__filter-toggle,.searchbar__submit{width:100%}.listing-card{margin-bottom:var(--spacing-md)}.listing-card__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.listing-card__actions,.user-card__actions{flex-direction:column}.message-bubble{max-width:95%}.breadcrumbs__list{flex-wrap:wrap}.empty-state__actions{flex-direction:column;width:100%}.rating-display{flex-wrap:wrap}.pagination__controls{flex-wrap:wrap;justify-content:center}.pagination__pages{order:-1;width:100%;justify-content:center;margin-bottom:var(--spacing-sm)}.action-menu__dropdown{min-width:180px;max-width:calc(100vw - 2rem)}.image-upload__dropzone{padding:var(--spacing-lg)}.image-upload__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm)}.conversation-preview{padding:var(--spacing-sm);gap:var(--spacing-sm)}.conversation-preview__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.conversation-preview__meta{align-self:flex-end}.notification-item{padding:var(--spacing-sm);gap:var(--spacing-sm)}.notification-item__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.notification-item__meta{align-self:flex-end}.notification-item__actions{opacity:1}}@media (prefers-contrast: high){.listing-card,.user-card,.message-bubble__surface,.filter-group,.price-input__wrapper{border-width:2px}.status-indicator__dot{border:2px solid currentColor}.rating-display__star--empty{border:1px solid currentColor}.pagination__page,.action-menu__dropdown,.image-upload__dropzone,.image-upload__item,.conversation-preview,.notification-item{border-width:2px}.notification-item__unread-dot,.notification-item__priority{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.listing-card,.user-card,.message-bubble__surface,.searchbar__suggestion,.breadcrumbs__link,.filter-group__title--clickable,.rating-display__star,.rating-display__star-container{transition:none}.listing-card:hover,.listing-card:hover .listing-card__image img,.rating-display--interactive .rating-display__star-container:hover{transform:none}.pagination__page,.action-menu__item,.image-upload__dropzone,.image-upload__item,.conversation-preview,.notification-item,.notification-item__actions{transition:none}.pagination__page:hover:not(:disabled){transform:none}.image-upload__dropzone--active{transform:none}}:root{--aitu-green-primary: #08A045;--aitu-green-hover: #06d47a;--aitu-green-light: rgba(8, 160, 69, .1);--aitu-blue-primary: #0F084B;--aitu-blue-secondary: #4A90E2;--aitu-blue-light: rgba(15, 8, 75, .1);--aitu-white: #FFFFFF;--aitu-black: #000000;--aitu-gray-50: #f8f9fa;--aitu-gray-100: #e9ecef;--aitu-gray-200: #dee2e6;--aitu-gray-300: #ced4da;--aitu-gray-400: #adb5bd;--aitu-gray-500: #6c757d;--aitu-gray-600: #495057;--aitu-gray-700: #343a40;--aitu-gray-800: #212529;--success: var(--aitu-green-primary);--warning: #ffc107;--error: #dc3545;--danger: #dc3545;--info: var(--aitu-blue-secondary);--bg-primary: var(--aitu-white);--bg-secondary: var(--aitu-gray-50);--bg-surface: var(--aitu-white);--bg-header: var(--aitu-blue-primary);--text-primary: var(--aitu-black);--text-secondary: var(--aitu-gray-700);--text-muted: var(--aitu-gray-500);--text-inverse: var(--aitu-white);--primary: var(--aitu-green-primary);--secondary: var(--aitu-gray-600);--current: currentColor;--muted: var(--aitu-gray-500);--inherit: inherit;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;color:var(--text-primary);background-color:var(--bg-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:var(--aitu-blue-secondary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button{background:none;border:none;cursor:pointer;padding:0}input,select,textarea{background:var(--bg-primary);border:1px solid var(--aitu-gray-300);border-radius:var(--radius-md);padding:.75rem;transition:border-color var(--transition-normal)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--aitu-blue-secondary);box-shadow:0 0 0 3px #4a90e21a}ul,ol{margin:0;padding:0}img{max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}*:focus-visible{outline:2px solid var(--aitu-blue-secondary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--aitu-gray-100)}::-webkit-scrollbar-thumb{background:var(--aitu-gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--aitu-gray-500)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideInUp{animation:slideInUp .3s ease-out}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}