:root{--color-white:#fff;--color-black:#000;--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#626c71;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:rgba(59,130,246,.08);--color-bg-2:rgba(245,158,11,.08);--color-bg-3:rgba(34,197,94,.08);--color-bg-4:rgba(239,68,68,.08);--color-bg-5:rgba(147,51,234,.08);--color-bg-6:rgba(249,115,22,.08);--color-bg-7:rgba(236,72,153,.08);--color-bg-8:rgba(6,182,212,.08);--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),.25);--color-border:rgba(var(--color-brown-600-rgb),.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),.4);--color-select-caret:rgba(var(--color-slate-900-rgb),.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:.15;--status-border-opacity:.25;--select-caret-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.02);--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);--shadow-md:0 4px 6px -1px rgba(0,0,0,.04),0 2px 4px -1px rgba(0,0,0,.02);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.04),0 4px 6px -2px rgba(0,0,0,.02);--shadow-inset-sm:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.03);--duration-fast:.15s;--duration-normal:.25s;--ease-standard:cubic-bezier(.16,1,.3,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:rgba(29,78,216,.15);--color-bg-2:rgba(180,83,9,.15);--color-bg-3:rgba(21,128,61,.15);--color-bg-4:rgba(185,28,28,.15);--color-bg-5:rgba(107,33,168,.15);--color-bg-6:rgba(194,65,12,.15);--color-bg-7:rgba(190,24,93,.15);--color-bg-8:rgba(8,145,178,.15);--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),.3);--color-border:rgba(var(--color-gray-400-rgb),.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),.15);--shadow-inset-sm:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.15);--button-border-secondary:rgba(var(--color-gray-400-rgb),.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),.2);--color-select-caret:rgba(var(--color-gray-200-rgb),.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:.15;--status-border-opacity:.25;--select-caret-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:rgba(29,78,216,.15);--color-bg-2:rgba(180,83,9,.15);--color-bg-3:rgba(21,128,61,.15);--color-bg-4:rgba(185,28,28,.15);--color-bg-5:rgba(107,33,168,.15);--color-bg-6:rgba(194,65,12,.15);--color-bg-7:rgba(190,24,93,.15);--color-bg-8:rgba(8,145,178,.15);--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),.3);--color-border:rgba(var(--color-gray-400-rgb),.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),.15);--color-card-border-inner:rgba(var(--color-gray-400-rgb),.15);--shadow-inset-sm:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.15);--color-border-secondary:rgba(var(--color-gray-400-rgb),.2);--color-select-caret:rgba(var(--color-gray-200-rgb),.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:.15;--status-border-opacity:.25;--select-caret-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),.25);--color-border:rgba(var(--color-brown-600-rgb),.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),.4);--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:var(--letter-spacing-tight);margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0 0 var(--space-16)0}a{color:var(--color-primary);transition:color var(--duration-fast)var(--ease-standard);text-decoration:none}a:hover{color:var(--color-primary-hover)}code,pre{font-family:var(--font-family-mono);font-size:calc(var(--font-size-base)*.95);background-color:var(--color-secondary);border-radius:var(--radius-sm)}code{padding:var(--space-1)var(--space-4)}pre{padding:var(--space-16);margin:var(--space-16)0;border:1px solid var(--color-border);overflow:auto}pre code{background:0 0;padding:0}.btn{padding:var(--space-8)var(--space-16);border-radius:var(--radius-base);font-size:var(--font-size-base);cursor:pointer;transition:all var(--duration-normal)var(--ease-standard);border:none;justify-content:center;align-items:center;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex;position:relative}.btn--secondary{background:var(--color-secondary);color:var(--color-text)}.btn--secondary:hover{background:var(--color-secondary-hover)}.btn--secondary:active{background:var(--color-secondary-active)}.btn--lg{padding:var(--space-10)var(--space-20);font-size:var(--font-size-lg);border-radius:var(--radius-md)}textarea.form-control{font-family:var(--font-family-base);font-size:var(--font-size-base)}select.form-control{padding:var(--space-8)var(--space-12);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-caret-light);background-repeat:no-repeat;background-position:right var(--space-12)center;padding-right:var(--space-32);background-size:16px}@media (prefers-color-scheme:dark){select.form-control{background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:var(--select-caret-light)}.form-group{margin-bottom:var(--space-16)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal)var(--ease-standard);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card__body{padding:var(--space-16)}.card__header,.card__footer{padding:var(--space-16);border-bottom:1px solid var(--color-card-border-inner)}.status{padding:var(--space-6)var(--space-12);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);align-items:center;display:inline-flex}.status--success{background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));color:var(--color-success);border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity))}.status--error{background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));color:var(--color-error);border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity))}.status--warning{background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));color:var(--color-warning);border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity))}.status--info{background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));color:var(--color-info);border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity))}.container{width:100%;padding-right:var(--space-16);padding-left:var(--space-16);margin-left:auto;margin-right:auto}@media (min-width:640px){.container{max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:var(--container-xl)}}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.m-0{margin:0}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.p-0{padding:0}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.block{display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2)format("woff2")}:root{--color-white:#fff;--color-black:#000;--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#626c71;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--primary-blue:#002856;--primary-orange:#f60;--light-blue:#e6f3ff;--dark-gray:#333;--light-gray:#f8f9fa;--border-gray:#e1e5e9;--color-bg-1:rgba(59,130,246,.08);--color-bg-2:rgba(245,158,11,.08);--color-bg-3:rgba(34,197,94,.08);--color-bg-4:rgba(239,68,68,.08);--color-bg-5:rgba(147,51,234,.08);--color-bg-6:rgba(249,115,22,.08);--color-bg-7:rgba(236,72,153,.08);--color-bg-8:rgba(6,182,212,.08);--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--primary-blue);--color-primary-hover:#003d75;--color-primary-active:#001f3a;--color-secondary:rgba(var(--color-brown-600-rgb),.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),.25);--color-border:var(--border-gray);--color-btn-primary-text:var(--color-white);--color-card-border:rgba(var(--color-brown-600-rgb),.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),.4);--font-family-base:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.02);--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);--shadow-md:0 4px 6px -1px rgba(0,0,0,.04),0 2px 4px -1px rgba(0,0,0,.02);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.04),0 4px 6px -2px rgba(0,0,0,.02);--shadow-card:0 2px 8px rgba(0,0,0,.1);--duration-fast:.15s;--duration-normal:.25s;--ease-standard:cubic-bezier(.16,1,.3,1)}html{font-size:var(--font-size-base);font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;box-sizing:border-box}body{margin:0;padding:0}*,:before,:after{box-sizing:inherit}.header{background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:1000;position:-webkit-sticky;position:sticky;top:0}.header-container{max-width:1200px;padding:var(--space-12)var(--space-16);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo h1{color:var(--primary-blue);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.nav-menu{gap:var(--space-24);align-items:center;display:flex}.nav-link{color:var(--color-text);font-weight:var(--font-weight-medium);padding:var(--space-8)var(--space-12);border-radius:var(--radius-base);transition:all var(--duration-fast)var(--ease-standard);cursor:pointer;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--primary-blue);background-color:var(--light-blue)}.auth-section,.user-section{align-items:center;gap:var(--space-12);display:flex}.user-name{font-weight:var(--font-weight-medium);color:var(--color-text)}.mobile-menu-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;display:none}.hero{background:linear-gradient(135deg,var(--primary-blue)0%,#004080 100%);color:var(--color-white);padding:var(--space-32)var(--space-16);text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-12);font-weight:var(--font-weight-bold)}.hero p{font-size:var(--font-size-xl);margin-bottom:var(--space-32);opacity:.9}.search-tabs{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-24);display:flex}.tab-btn{padding:var(--space-12)var(--space-24);color:var(--color-white);border-radius:var(--radius-base);cursor:pointer;font-weight:var(--font-weight-medium);transition:all var(--duration-fast)var(--ease-standard);background:rgba(255,255,255,.2);border:none}.tab-btn.active,.tab-btn:hover{background:var(--color-white);color:var(--primary-blue)}.search-container{margin-bottom:var(--space-32)}.search-bar{background:var(--color-white);border-radius:var(--radius-lg);max-width:600px;box-shadow:var(--shadow-lg);margin:0 auto;display:flex;overflow:hidden}.search-input-group{flex:1;position:relative}.search-input{width:100%;padding:var(--space-16)var(--space-20);font-size:var(--font-size-lg);color:var(--color-text);border:none;outline:none}.search-input::placeholder{color:var(--color-text-secondary)}.suggestions-dropdown{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);z-index:100;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggestion-item{padding:var(--space-12)var(--space-16);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-standard)}.suggestion-item:hover{background-color:var(--light-blue)}.search-btn{padding:var(--space-16)var(--space-24);background:var(--primary-orange);color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;align-items:center;gap:var(--space-8);transition:background-color var(--duration-fast)var(--ease-standard);border:none;display:flex}.search-btn:hover{background:#e55a00}.property-types{justify-content:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.property-type-btn{align-items:center;gap:var(--space-8);padding:var(--space-16);border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;transition:all var(--duration-fast)var(--ease-standard);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);flex-direction:column;min-width:120px;display:flex}.property-type-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.property-type-btn .material-icons{font-size:24px}.main-content{max-width:1200px;padding:var(--space-24)var(--space-16);margin:0 auto}.content-container{gap:var(--space-24);grid-template-columns:280px 1fr;display:grid}.filters-sidebar{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-20);height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.filters-header{margin-bottom:var(--space-20);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.filters-header h3{color:var(--color-text);margin:0}.filter-group{margin-bottom:var(--space-20);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-border)}.filter-group:last-child{border-bottom:none}.filter-group h4{margin:0 0 var(--space-12)0;color:var(--color-text);font-size:var(--font-size-lg)}.checkbox-group{gap:var(--space-8);flex-direction:column;display:flex}.checkbox-label{align-items:center;gap:var(--space-8);cursor:pointer;padding:var(--space-4);border-radius:var(--radius-sm);transition:background-color var(--duration-fast)var(--ease-standard);display:flex}.checkbox-label:hover{background-color:var(--light-blue)}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid var(--color-border);border-radius:var(--radius-sm);width:16px;height:16px;transition:all var(--duration-fast)var(--ease-standard);justify-content:center;align-items:center;display:flex}.checkbox-label input[type=checkbox]:checked+.checkmark{background-color:var(--primary-blue);border-color:var(--primary-blue)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold)}.price-range{position:relative}.price-slider{border-radius:var(--radius-sm);background:var(--color-border);width:100%;height:6px;margin:var(--space-8)0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary-blue);cursor:pointer;border:2px solid var(--color-white);width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:50%}.price-slider::-moz-range-thumb{background:var(--primary-blue);cursor:pointer;border:2px solid var(--color-white);width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:50%}.price-labels{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;display:flex}.property-listings{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.listings-header{padding:var(--space-20);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.results-count{font-weight:var(--font-weight-medium);color:var(--color-text)}.view-controls{align-items:center;gap:var(--space-16);display:flex}.view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;overflow:hidden}.view-btn{padding:var(--space-8)var(--space-12);background:var(--color-white);cursor:pointer;color:var(--color-text-secondary);transition:all var(--duration-fast)var(--ease-standard);border:none}.view-btn.active,.view-btn:hover{background:var(--primary-blue);color:var(--color-white)}.property-grid{gap:var(--space-20);padding:var(--space-20);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.property-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-normal)var(--ease-standard);cursor:pointer;overflow:hidden}.property-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.property-image{background:var(--color-bg-1);width:100%;height:200px;color:var(--color-text-secondary);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex;position:relative}.property-details{padding:var(--space-16)}.property-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-blue);margin-bottom:var(--space-8)}.property-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-6);line-height:var(--line-height-tight)}.property-location{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-12)}.property-meta{margin-bottom:var(--space-16);font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.property-actions{gap:var(--space-8);display:flex}.contact-btn{padding:var(--space-10)var(--space-16);background:var(--primary-blue);color:var(--color-white);border-radius:var(--radius-base);cursor:pointer;font-weight:var(--font-weight-medium);transition:background-color var(--duration-fast)var(--ease-standard);border:none;flex:1}.contact-btn:hover{background:var(--color-primary-hover)}.save-btn{padding:var(--space-10);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;color:var(--color-text-secondary);transition:all var(--duration-fast)var(--ease-standard)}.save-btn:hover,.save-btn.saved{color:var(--color-red-500);border-color:var(--color-red-500)}.footer{background:var(--color-charcoal-700);color:var(--color-white);padding:var(--space-32)var(--space-16);margin-top:var(--space-32)}.footer-content{gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1200px;margin:0 auto;display:grid}.footer-section h4,.footer-section h5{margin-bottom:var(--space-16);color:var(--color-white)}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:var(--space-8)}.footer-section ul li a{color:rgba(255,255,255,.8);transition:color var(--duration-fast)var(--ease-standard);text-decoration:none}.footer-section ul li a:hover{color:var(--color-white)}.modal{border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.modal-content{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1;width:90%;max-width:400px;position:relative}.modal-header{padding:var(--space-20)var(--space-20)var(--space-16)var(--space-20);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--color-text);margin:0}.modal-close{cursor:pointer;color:var(--color-text-secondary);padding:var(--space-4);border-radius:var(--radius-base);transition:color var(--duration-fast)var(--ease-standard);background:0 0;border:none}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--space-20)}.auth-step{gap:var(--space-16);flex-direction:column;display:flex}.input-group{gap:var(--space-8);flex-direction:column;display:flex}.phone-input{gap:var(--space-8);display:flex}.country-code{width:80px;padding:var(--space-8)var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-white);font-size:var(--font-size-base)}.phone-number{flex:1}.otp-header{margin-bottom:var(--space-16);justify-content:space-between;align-items:center;display:flex}.otp-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.otp-input{text-align:center;font-size:var(--font-size-xl);letter-spacing:.5em;padding:var(--space-12)}.otp-timer{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.btn{padding:var(--space-8)var(--space-16);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-normal)var(--ease-standard);border:none;justify-content:center;align-items:center;line-height:1.5;text-decoration:none;display:inline-flex;position:relative}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.btn--primary{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--outline{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn--outline:hover{background:var(--color-secondary)}.btn--sm{padding:var(--space-4)var(--space-12);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn--full-width{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.form-control{width:100%;padding:var(--space-8)var(--space-12);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:border-color var(--duration-fast)var(--ease-standard),box-shadow var(--duration-fast)var(--ease-standard);line-height:1.5;display:block}.form-control:focus{border-color:var(--color-primary);outline:2px solid var(--color-primary)}.form-label{margin-bottom:var(--space-8);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:block}.loading-overlay{z-index:3000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-spinner{background:var(--color-white);padding:var(--space-32);border-radius:var(--radius-lg);text-align:center}.spinner{border:4px solid var(--color-border);border-top:4px solid var(--primary-blue);width:40px;height:40px;margin:0 auto var(--space-16)auto;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification{top:var(--space-20);right:var(--space-20);z-index:3000;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-16);min-width:300px;animation:.3s ease-out slideInRight;position:fixed}.notification-content{align-items:center;gap:var(--space-12);display:flex}.notification.success{border-left:4px solid var(--color-success)}.notification.error{border-left:4px solid var(--color-error)}.notification.success .notification-icon{color:var(--color-success)}.notification.error .notification-icon{color:var(--color-error)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-8{gap:var(--space-8)}.gap-16{gap:var(--space-16)}@media (max-width:768px){.nav-menu{display:none}.mobile-menu-btn{display:block}.content-container{gap:var(--space-16);grid-template-columns:1fr}.filters-sidebar{order:2;position:static}.property-listings{order:1}.property-grid{grid-template-columns:1fr}.search-bar{flex-direction:column}.search-btn{border-radius:0 0 var(--radius-lg)var(--radius-lg)}.property-types{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:var(--font-size-3xl)}.hero p{font-size:var(--font-size-lg)}.footer-content{gap:var(--space-20);grid-template-columns:1fr}}@media (max-width:480px){.header-container{padding:var(--space-8)var(--space-12)}.hero{padding:var(--space-20)var(--space-12)}.main-content{padding:var(--space-16)var(--space-12)}.modal-content{margin:var(--space-16);width:calc(100% - 32px)}.property-types{grid-template-columns:1fr}}@media print{.header,.footer,.filters-sidebar,.modal{display:none}.main-content{max-width:none;padding:0}.content-container{grid-template-columns:1fr}.property-card{break-inside:avoid;page-break-inside:avoid}}.w-100{width:100%}