@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-main:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-card-light:#f1f5f9;--bg-input:#f8fafc;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--text-dark:#0f172a;--primary-accent:#4f46e5;--primary-glow:#4f46e533;--smartfix-color:#0284c7;--smartfix-glow:#0284c733;--home-color:#dc2626;--home-glow:#dc262633;--property-color:#dc2626;--property-glow:#dc262633;--garden-color:#059669;--garden-glow:#05966933;--amber-rating:#d97706;--border-subtle:#e2e8f0;--border-light:#cbd5e1;--border-focus:#4f46e5;--glass-bg:#fffffff0;--glass-border:#e2e8f0e6;--glass-blur:blur(16px);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 16px #0f172a12, 0 2px 6px #0f172a0a;--shadow-lg:0 12px 32px #0f172a1a, 0 4px 12px #0f172a0d;--shadow-glow:0 0 25px var(--primary-glow)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.brand-font{color:var(--text-main);font-family:Outfit,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{max-width:1280px;margin:0 auto;padding:0 20px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;box-shadow:0 4px 14px var(--primary-glow);background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px)}.btn-smartfix{color:#fff;box-shadow:0 4px 14px var(--smartfix-glow);background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%)}.btn-smartfix:hover{box-shadow:0 6px 20px var(--smartfix-glow);transform:translateY(-1px)}.btn-home,.btn-property{color:#fff;box-shadow:0 4px 14px var(--home-glow);background:linear-gradient(135deg,#dc2626 0%,#f43f5e 100%)}.btn-home:hover,.btn-property:hover{box-shadow:0 6px 20px var(--home-glow);transform:translateY(-1px)}.btn-garden{color:#fff;box-shadow:0 4px 14px var(--garden-glow);background:linear-gradient(135deg,#059669 0%,#10b981 100%)}.btn-garden:hover{box-shadow:0 6px 20px var(--garden-glow);transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{border-color:var(--border-light);background:#f8fafc}.badge{border-radius:var(--radius-full);letter-spacing:.3px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-smartfix{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge-home,.badge-property{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.badge-garden{color:#047857;background:#d1fae5;border:1px solid #a7f3d0}.badge-rating{color:#b45309;background:#fef3c7;border:1px solid #fde68a}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;animation:1.6s linear infinite shimmer}.toast-banner{z-index:9999;border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-lg);background:#0f172a;border:1px solid #ffffff26;align-items:center;gap:12px;padding:14px 20px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:24px;right:24px}.toast-banner.success{border-left:4px solid var(--garden-color)}.toast-banner.error{border-left:4px solid var(--home-color)}.toast-banner.info{border-left:4px solid var(--smartfix-color)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-input{border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-main);box-shadow:var(--shadow-sm);background:#fff;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px #4f46e526}.form-input::placeholder{color:var(--text-subtle)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg);color:var(--text-main);background:#fff;animation:.25s cubic-bezier(.16,1,.3,1) scaleIn;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media screen{.printable-invoice-container{display:flex}}@media print{@page{size:A4 portrait;margin:8mm}html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}header,nav,main,footer,.toast-banner,.app-shell>header,.app-shell>nav,.app-shell>main,.app-shell>footer,.modal-backdrop:not(.invoice-preview-backdrop){display:none!important}.invoice-preview-backdrop{width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.invoice-preview-backdrop .modal-content{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.invoice-preview-backdrop .invoice-modal-header{display:none!important}.invoice-preview-backdrop .invoice-scroll-area{height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.printable-invoice-container{width:100%!important;max-width:100%!important;box-shadow:none!important;color:#0f172a!important;page-break-after:avoid!important;page-break-before:avoid!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;flex-direction:column!important;margin:0 auto!important;padding:20px 24px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;display:flex!important;position:static!important}}.app-shell{background-color:var(--bg-main);color:var(--text-main)}html{scroll-behavior:smooth}.section-title-gradient{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}