.floating-notification{align-items:flex-start;animation:slideInDown .4s ease;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;gap:1rem;left:50%;max-width:500px;padding:1.25rem 1.5rem;position:fixed;top:120px;transform:translateX(-50%);width:90%;z-index:3000}@keyframes slideInDown{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.floating-notification-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.floating-notification-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-icon{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-icon svg{color:#fff}.notification-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:.25rem}.notification-message{color:#fff;font-size:.9rem;line-height:1.5;opacity:.95}.notification-close{flex-shrink:0;height:28px;opacity:.8;transition:background .2s ease;width:28px}.notification-close:hover{background:#fff3}@media (max-width:768px){.floating-notification{max-width:calc(100% - 2rem);padding:1rem;top:20px}.notification-title{font-size:.95rem}.notification-message{font-size:.85rem}.notification-icon{height:28px;width:28px}.notification-icon svg{height:18px;width:18px}}*{margin:0;padding:0}body{color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;overflow-x:hidden}.landing-page{filter:none;margin:0;overflow-x:hidden;padding:0;transition:filter .3s ease;width:100%}.landing-page.menu-open>:not(.landing-header):not(.mobile-menu):not(.mobile-overlay){filter:blur(3px)}.landing-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 1px 3px #0000001a;display:flex;filter:none!important;height:90px;left:0;margin:0;padding:0;position:fixed;right:0;transition:none;z-index:1000}.landing-nav{height:100%;padding:0 2rem;width:100%}.landing-nav .logo img{display:block;height:60px}.nav-buttons{display:flex}.burger-menu{filter:none!important;gap:5px;padding:.5rem;z-index:1600}.burger-menu div{background:var(--primary-brown);border-radius:3px;transition:all .3s ease}.btn{font-size:.95rem;padding:.7rem 1.5rem}.btn-primary{border:2px solid #f4c430;border:2px solid var(--primary-yellow)}.btn-primary:hover{background:#e5b82d;border-color:#e5b82d}.btn-secondary{background:#0000;border:2px solid var(--primary-brown)}.btn-secondary:hover{background:#8b4513;background:var(--primary-brown);color:#fff}.btn-large{font-size:1.05rem;padding:1rem 2.5rem}.hero-modern{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;margin-top:0;min-height:600px;padding:4rem 2rem}.hero-content-modern{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-text-modern{color:#fff}.hero-text-modern h1{font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.highlight{color:#f4c430;color:var(--primary-yellow)}.hero-text-modern p{color:#ffffffe6;font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.hero-cta-modern{display:flex;flex-wrap:wrap;gap:1rem}.hero-app-screenshot{align-items:center;display:flex;justify-content:center}.hero-app-screenshot img{border-radius:8px;box-shadow:none;height:auto;max-width:100%}.problem-section-modern{background:#fff;margin:0;padding:5rem 2rem}.problem-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.2fr 1fr;margin:0 auto;max-width:1200px}.problem-text h2{color:#8b4513;color:var(--primary-brown);font-size:2.3rem;font-weight:700;line-height:1.3;margin-bottom:2rem}.stat-highlight{background:linear-gradient(135deg,#ff6b35,#f25c3d);border-radius:12px;box-shadow:none;color:#fff;display:inline-block;margin:1.5rem 0;padding:1.5rem 2.5rem}.stat-highlight .stat-number{color:#fff;display:block;font-size:3.5rem;font-weight:700;line-height:1;margin-bottom:.3rem}.stat-highlight .stat-label{color:#fff;display:block;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.problem-text p{color:#374151;color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-bottom:1.2rem}.problem-phone img{border-radius:8px;box-shadow:none;height:auto;max-width:100%}.calculator-cta{background:#fff;margin:0;padding:5rem 2rem;position:relative;text-align:center}.calculator-cta-container{background:linear-gradient(135deg,#fff8eb,#fff);border:2px solid #f4c430;border-radius:16px;box-shadow:0 4px 20px #f4c4301a;margin:0 auto;max-width:900px;padding:2rem}.calculator-cta h2{color:#8b4513;color:var(--primary-brown);font-size:2.3rem;font-weight:700;margin-bottom:1rem}.calculator-cta p{color:#374151;color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:700px}.calculator-cta .btn-primary{align-items:center;box-shadow:0 4px 12px #8b451333;display:inline-flex;font-size:1.1rem;gap:.75rem;padding:1.2rem 2.5rem}.calculator-cta .btn-primary:hover{box-shadow:0 6px 16px #8b45134d}.solution-section-modern{background:#fff8eb;background:var(--background-cream);margin:0;padding:5rem 2rem}.solution-container{margin:0 auto;max-width:1200px}.solution-section-modern h2{color:#8b4513;color:var(--primary-brown);font-size:2.3rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.section-intro{color:#374151;color:var(--text-secondary);font-size:1rem;line-height:1.8;margin:0 auto 3rem;max-width:800px;text-align:center}.value-props-modern{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.value-card-modern{background:#fff;border-radius:12px;box-shadow:none;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.value-card-modern:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-5px)}.value-icon{font-size:3rem;margin-bottom:1rem}.value-card-modern h3{color:#8b4513;color:var(--primary-brown);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.value-card-modern p{color:#374151;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.features-section-modern{background:#fff;margin:0;padding:5rem 2rem}.features-container{margin:0 auto;max-width:1200px}.features-section-modern h2{color:#8b4513;color:var(--primary-brown);font-size:2.3rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.features-grid-modern{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.feature-card-modern{background:#fff8eb;background:var(--background-cream);border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.feature-card-modern:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-5px)}.feature-icon-modern{align-items:center;background:#f4c430;background:var(--primary-yellow);border-radius:50%;color:#8b4513;color:var(--primary-brown);display:flex;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.feature-card-modern h3{color:#8b4513;color:var(--primary-brown);font-size:1.1rem;font-weight:700;margin-bottom:1rem}.feature-card-modern p{color:#374151;color:var(--text-secondary);font-size:.9rem;line-height:1.7}.product-tour-section{background:#fff8eb;background:var(--background-cream);margin:0;padding:5rem 2rem}.product-tour-container{margin:0 auto;max-width:1400px}.product-tour-container h2{color:#8b4513;color:var(--primary-brown);font-size:2.3rem;font-weight:700;margin-bottom:1rem;text-align:center}.product-showcase{margin-top:3rem;padding:0 60px;position:relative}.product-scroll-container{-webkit-overflow-scrolling:touch;display:flex;gap:2rem;overflow-x:auto;padding:2rem 0;scroll-behavior:smooth;scrollbar-color:#f4c430 #f1f1f1;scrollbar-color:var(--primary-yellow) #f1f1f1;scrollbar-width:thin}.product-scroll-container::-webkit-scrollbar{height:8px}.product-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.product-scroll-container::-webkit-scrollbar-thumb{background:#f4c430;background:var(--primary-yellow);border-radius:10px}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:none;flex-shrink:0;min-width:420px;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-8px)}.product-image-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;height:420px;justify-content:center;padding:2rem;width:100%}.product-image{height:100%;object-fit:contain;width:100%}.product-content{padding:2rem}.product-content h3{color:#8b4513;color:var(--primary-brown);font-size:1.4rem;font-weight:700;margin-bottom:1rem}.product-content p{color:#374151;color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.product-features-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.product-feature-item{align-items:flex-start;color:#374151;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;line-height:1.5}.product-feature-item .checkmark{color:#10b981;color:var(--success-green);flex-shrink:0;font-size:1rem;font-weight:700}.scroll-btn{align-items:center;background:#fff;border:2px solid #f4c430;border:2px solid var(--primary-yellow);border-radius:50%;box-shadow:0 2px 12px #0000001a;color:#8b4513;color:var(--primary-brown);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:45px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:45px;z-index:10}.scroll-btn:hover{background:#f4c430;background:var(--primary-yellow);transform:translateY(-50%) scale(1.05)}.scroll-btn-left{left:0}.scroll-btn-right{right:0}.how-it-works-modern{background:#fff;margin:0;padding:5rem 2rem}.how-it-works-container{margin:0 auto;max-width:1200px}.how-it-works-layout{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1.3fr}.how-it-works-phone img{border-radius:8px;box-shadow:none;height:auto;max-width:100%}.how-it-works-steps h2{color:#8b4513;color:var(--primary-brown);font-size:2.3rem;font-weight:700;margin-bottom:1.5rem}.step-modern{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.step-number-modern{align-items:center;background:#f4c430;background:var(--primary-yellow);border-radius:50%;display:flex;flex-shrink:0;font-size:1.3rem;height:45px;justify-content:center;width:45px}.step-content h3,.step-number-modern{color:#8b4513;color:var(--primary-brown);font-weight:700}.step-content h3{font-size:1.1rem;margin-bottom:.5rem}.step-content p{color:#374151;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.analytics-section{background:#fff8eb;background:var(--background-cream);margin:0;padding:5rem 2rem;text-align:center}.analytics-container{margin:0 auto;max-width:1200px}.analytics-section h2{color:#8b4513;color:var(--primary-brown);font-size:2.3rem;font-weight:700;margin-bottom:1.5rem}.analytics-phone{margin:2rem auto 0;max-width:900px}.analytics-phone img{border-radius:8px;box-shadow:none;height:auto;max-width:100%}.cta-section-modern{background:linear-gradient(135deg,#8b4513,#6b3410);color:#fff;margin:0;padding:5rem 2rem;text-align:center}.cta-container{margin:0 auto;max-width:900px}.cta-text h2{font-size:2.3rem;font-weight:700;margin-bottom:1.5rem}.cta-text p{font-size:1.05rem;line-height:1.7;margin-bottom:2rem;opacity:.95}.landing-footer{background:#8b4513;background:var(--primary-brown);margin:0;padding:3rem 2rem 1.5rem}.footer-content{margin:0 auto 2rem}.footer-logo img{filter:none;height:70px}.footer-section h3{color:var(--primary-yellow);font-size:1.1rem}.footer-section a,.footer-section p{color:#fffc;line-height:1.6;transition:color .3s ease}.footer-section a:hover{color:var(--primary-yellow)}.footer-bottom{color:#fff9;font-size:.9rem}.modal{align-items:center;background:#0009;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal.active{display:flex}.modal-content{max-width:500px;padding:3rem;position:relative;width:90%}.modal-content-wide{max-height:85vh;max-width:700px;overflow-y:auto}.modal-close{position:absolute;right:1rem;top:1rem}.modal-close:hover{background:#f3f4f6}.modal h2{color:#8b4513;color:var(--primary-brown);font-weight:700;margin-bottom:2rem}.form-section-header{border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-yellow);color:#8b4513}.form-row{margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;color:var(--text-secondary)}.form-group input,.form-group select{border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#8b4513;border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a;outline:none}.form-group input::placeholder{color:#6b7280;color:var(--text-muted)}.modal-content-wide::-webkit-scrollbar{width:8px}.modal-content-wide::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content-wide::-webkit-scrollbar-thumb{background:#f4c430;background:var(--primary-yellow);border-radius:10px}.modal-content-wide::-webkit-scrollbar-thumb:hover{background:#8b4513;background:var(--primary-brown)}.mobile-overlay{opacity:0;pointer-events:none;transition:opacity .3s ease;width:100%;z-index:1400}.mobile-menu,.mobile-overlay{filter:none!important;height:100vh}.mobile-menu{background:#fff;box-shadow:-4px 0 20px #0000001a;-webkit-filter:none!important;max-width:400px;overflow-y:auto;padding:2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:85%;z-index:1500}.mobile-menu *{filter:none!important;-webkit-filter:none!important}.mobile-menu-header{align-items:center;border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-yellow);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.mobile-menu-header img{height:40px}.mobile-menu-close{align-items:center;background:none;border:none;color:#8b4513;color:var(--primary-brown);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.mobile-menu-items{display:flex;flex-direction:column;gap:.75rem}.mobile-menu-item{background:#fff8eb;background:var(--background-cream);border-radius:8px;color:#8b4513;color:var(--primary-brown);cursor:pointer;font-weight:600;padding:1.2rem 1.25rem;transition:all .3s ease}.mobile-menu-item:hover{background:#f4c430;background:var(--primary-yellow)}.mobile-cta-section{border-top:1px solid #e5e7eb;margin-top:auto;padding:1.5rem}.mobile-cta-section .btn{justify-content:center;margin-bottom:.5rem;padding:1.2rem 1.5rem;width:100%!important}@media (max-width:1024px){.hero-content-modern,.how-it-works-layout,.problem-container{gap:3rem;grid-template-columns:1fr}.value-props-modern{grid-template-columns:1fr}.features-grid-modern{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-header{height:80px;padding:80px}.hero-modern{margin-top:0;padding-top:80px}.landing-nav{padding:0 1.5rem}.landing-nav .logo img{height:70px}.nav-buttons{display:none!important}.burger-menu{display:flex!important}.mobile-overlay{display:block!important}.mobile-overlay.active{opacity:1;pointer-events:auto}.mobile-menu{display:block!important}.mobile-menu.active{right:0}.btn{font-size:1rem;padding:1.2rem 1.5rem!important}.btn-large{font-size:1.1rem;padding:1.2rem 2.5rem!important}.analytics-section h2,.cta-text h2,.features-section-modern h2,.hero-text-modern h1,.how-it-works-steps h2,.problem-text h2,.product-tour-container h2,.solution-section-modern h2{font-size:1.8rem}.features-grid-modern{grid-template-columns:1fr}.product-showcase{margin-left:0;margin-right:0;padding:0}.product-scroll-container{gap:1rem;padding:2rem 7.5vw;scroll-snap-type:x mandatory;scrollbar-width:none}.product-scroll-container::-webkit-scrollbar{display:none}.product-card{max-width:85vw;min-width:85vw;scroll-snap-align:center;scroll-snap-stop:always}.product-image-wrapper{height:240px;padding:1rem}.product-content{padding:1.5rem}.product-content h3{font-size:1.2rem;margin-bottom:.75rem}.product-content p{font-size:.9rem;margin-bottom:1rem}.product-features-list{gap:.5rem;grid-template-columns:1fr}.product-feature-item{font-size:.8rem}.scroll-btn{display:none}.modal-content-wide{max-width:95%;padding:2rem 1.5rem}.form-row{gap:0;grid-template-columns:1fr}.form-group{margin-bottom:1rem}.calculator-cta h2{font-size:1.8rem}.calculator-cta p{font-size:1rem}.calculator-cta .btn-primary{font-size:1rem;padding:1.2rem 2rem}}@media (max-width:480px){.landing-header{height:100px;padding:0}.hero-modern{margin-top:0}.landing-nav{padding:0 1rem}.landing-nav .logo img{height:60px}.product-scroll-container{padding:2rem 5vw}.product-card{max-width:90vw;min-width:90vw}.product-image-wrapper{height:200px}.product-content{padding:1.25rem}.product-content h3{font-size:1.1rem}.product-content p{font-size:.85rem;line-height:1.6}.stat-highlight .stat-number{font-size:3rem}}.calculator-page{background:#fff8eb;min-height:100vh;overflow-x:hidden;width:100%}.landing-header{background:#fff;box-shadow:0 2px 4px #0000000d;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.landing-nav{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.landing-nav,.logo{align-items:center;display:flex}.logo{color:#8b4513;font-size:1.5rem;font-weight:700;gap:.75rem}.logo img{height:40px;width:auto}.nav-buttons{align-items:center;display:flex!important;gap:1rem}.burger-menu{background:none;border:none;cursor:pointer;display:none!important;flex-direction:column;gap:4px;padding:8px}.burger-menu div{background:#8b4513;border-radius:2px;height:3px;transition:all .3s;width:25px}.mobile-menu,.mobile-overlay{display:none!important}.calculator-header{margin:0 auto;max-width:1200px;padding:4rem 2rem 2rem;text-align:center}.calculator-title{color:#8b4513;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.calculator-subtitle{color:#6b7280;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:700px}.calculator-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012;margin:2rem auto;max-width:1200px;padding:3rem;width:100%}.icon-circle{display:none}.card-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:2.5rem;text-align:left}.card-subtitle{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:2rem;text-align:left}.calculator-card>form{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr}.calculator-card>form>.form-group{margin-bottom:0}.calculator-card>form>button{grid-column:1/-1;margin-bottom:2rem}.calculator-card>form>.info-box{grid-column:1/-1;margin-top:0}.form-group{margin-bottom:0}.form-label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.875rem;width:100%}.form-input:focus{border-color:#f4c430;box-shadow:0 0 0 3px #f4c4301a}.info-box{background:#f3f4f6;border-left:4px solid #f4c430;border-radius:8px;padding:1.25rem}.info-box p{color:#374151;font-size:.9rem;line-height:1.7;margin:0}.results-container{margin:2rem auto;max-width:1200px;padding:0 2rem;width:100%}.alert-banner{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:16px;box-shadow:0 8px 16px #ef444433;color:#fff;display:flex;gap:2rem;margin-bottom:3rem;padding:2.5rem}.alert-banner svg{flex-shrink:0}.alert-title{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.alert-subtitle{font-size:1.1rem;opacity:.95}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.stat-card{border:2px solid #0000;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:2rem;text-align:center;transition:all .3s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.stat-card svg{display:block;margin:0 auto 1rem;opacity:.9}.stat-total{border-color:#3b82f6}.stat-total svg{color:#3b82f6}.stat-combustion{border-color:#f59e0b}.stat-combustion svg{color:#f59e0b}.stat-quality{border-color:#ef4444}.stat-quality svg{color:#ef4444}.stat-value{color:#1f2937;display:block;font-size:2rem;font-weight:800;margin-bottom:.5rem;text-align:center}.stat-label{font-size:.95rem;text-align:center}.comparison-card{background:#fff;border-radius:16px;box-shadow:0 2px 4px #0000000d;margin-bottom:3rem;padding:2.5rem}.comparison-title{color:#1f2937;font-size:1.5rem;font-weight:700;text-align:center}.comparison-bars,.comparison-item,.comparison-title{margin-bottom:2rem}.comparison-item:last-child{margin-bottom:0}.comparison-header{align-items:center;color:#374151;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.75rem}.comparison-value{font-size:1.25rem;font-weight:700}.comparison-value-bad{color:#ef4444}.comparison-value-good{color:#10b981}.bar-container{border-radius:12px;height:60px;overflow:hidden;position:relative}.bar-bad{background:#fee2e2}.bar-good{background:#d1fae5}.bar-fill{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:700;height:100%;justify-content:center;transition:width 1.5s cubic-bezier(.4,0,.2,1);width:0}.bar-fill.animate{animation:fillBar 1.5s cubic-bezier(.4,0,.2,1) forwards}.bar-fill.animate-delay{animation:fillBar 1.5s cubic-bezier(.4,0,.2,1) .3s forwards}@keyframes fillBar{0%{width:0}to{width:100%}}.bar-fill-bad{background:linear-gradient(90deg,#ef4444,#dc2626)}.bar-fill-good{background:linear-gradient(90deg,#10b981,#059669)}.savings-box{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;padding:2rem;text-align:center}.savings-box p{font-size:1.05rem;line-height:1.7;margin:0}.savings-highlight{display:block;font-size:1.5rem;margin-bottom:.5rem}.summary-card{background:#f9fafb;border-radius:12px;margin-bottom:3rem;padding:2rem}.summary-title{color:#1f2937;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.summary-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.summary-item{text-align:center}.summary-label{font-size:.85rem;margin-bottom:.5rem}.summary-value{color:#1f2937;font-size:1.75rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.lead-form{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.lead-form .form-group{margin-bottom:0}.lead-form>.form-disclaimer,.lead-form>.risk-summary-box,.lead-form>button{grid-column:1/-1}.risk-summary-box{background:linear-gradient(135deg,#f4c430,#f4d03f);border-radius:12px;color:#8b4513;margin:2rem 0;padding:1.5rem;text-align:center}.risk-summary-box h4{font-size:1rem;font-weight:600;margin-bottom:.5rem}.risk-amount{font-size:2.5rem;font-weight:800;margin:.5rem 0}.risk-summary-box p{font-size:.9rem;margin:0;opacity:.9}.form-disclaimer{font-size:.85rem;line-height:1.5;text-align:center}.btn-back,.form-disclaimer{color:#6b7280;margin-top:1.5rem}.btn-back{background:none;border:none;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;transition:color .2s}.btn-back:hover{color:#8b4513}.success-screen{padding:2rem 0;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;height:100px;justify-content:center;margin:0 auto 2rem;width:100px}.success-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.success-message{color:#6b7280;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.success-savings{background:#f9fafb;border-radius:12px;margin:2rem 0;padding:2rem}.success-savings h4{color:#6b7280;font-size:1rem;font-weight:600;margin-bottom:1rem}.success-amount{color:#10b981;font-size:3rem;font-weight:800;margin-bottom:.5rem}.success-savings p{color:#6b7280;font-size:.95rem;margin:0}.btn{border-radius:8px;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#f4c430,#f4d03f);box-shadow:0 4px 6px #f4c43033}.btn-primary:hover{box-shadow:0 6px 12px #f4c4304d;transform:translateY(-2px)}.btn-secondary{border:2px solid #8b4513;color:#8b4513}.btn-secondary:hover{background:#fff8eb}.btn-large{font-size:1.1rem;padding:1rem 2rem}.btn-loading{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:3px solid #8b451333;border-radius:50%;border-top-color:#8b4513;height:16px;width:16px}.calculator-cta-section{background:linear-gradient(135deg,#8b4513,#6b3410);color:#fff;left:50%;margin-left:-50vw;margin-right:-50vw;margin-top:4rem;padding:5rem 2rem;position:relative;right:50%;text-align:center;width:100vw}.calculator-cta-section h2{color:#fff;font-size:2.3rem;font-weight:700;margin-bottom:1.5rem}.calculator-cta-section p{font-size:1.05rem;line-height:1.7;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;opacity:.95}.landing-footer{background:linear-gradient(135deg,#8b4513,#6b3410);color:#fff;left:50%;margin-left:-50vw;margin-right:-50vw;margin-top:0;padding:4rem 2rem 2rem;position:relative;right:50%;text-align:left;width:100vw}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 3rem;max-width:1200px}.footer-section h3{color:#f4c430;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.footer-section a,.footer-section p{color:#ffffffe6;display:block;font-size:.95rem;line-height:1.7;margin-bottom:.5rem;text-decoration:none}.footer-section a:hover{color:#f4c430}.footer-logo img{height:40px;margin-bottom:1rem}.footer-bottom{border-top:1px solid #fff3;margin:0 auto;max-width:1200px;padding-top:2rem;text-align:center}.footer-bottom p{color:#ffffffb3;font-size:.9rem;margin:0}@media (max-width:1024px){.stats-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-buttons{display:none!important}.burger-menu{display:flex!important}.mobile-overlay{background:#00000080;bottom:0;display:block!important;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:998}.mobile-overlay.active{opacity:1;pointer-events:auto}.mobile-menu{background:#fff;box-shadow:-2px 0 8px #0000001a;display:block!important;height:100vh;overflow-y:auto;padding:2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px;z-index:999}.mobile-menu.active{right:0}.mobile-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.mobile-menu-header img{height:50px}.mobile-menu-close{align-items:center;background:none;border:none;color:#8b4513;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;width:32px}.mobile-menu-items{padding:1rem 0}.mobile-menu-item{color:#1f2937;cursor:pointer;font-weight:500;padding:1rem 1.5rem;transition:background .2s}.mobile-menu-item:hover{background:#fff8eb}.mobile-cta-section{border-top:1px solid #e5e7eb;margin-top:auto;padding:1.5rem}.mobile-cta-section .btn{justify-content:center;padding:1.2rem 1.5rem;width:100%}.calculator-header{padding:3rem 1.5rem 1.5rem}.calculator-title{font-size:2rem}.calculator-subtitle{font-size:1rem}.calculator-card{margin:1.5rem;max-width:calc(100% - 3rem);padding:2rem}.card-title{font-size:1.5rem}.card-subtitle,.card-title{text-align:center}.calculator-card>form,.lead-form{gap:1.5rem;grid-template-columns:1fr}.results-container{padding:0 1rem}.alert-banner{flex-direction:column;padding:2rem 1.5rem;text-align:center}.alert-title{font-size:1.5rem}.alert-subtitle{font-size:1rem}.stats-grid{gap:1rem}.stats-grid,.summary-grid{grid-template-columns:1fr!important}.summary-grid{gap:1.5rem}.comparison-card{padding:1.5rem}.comparison-title{font-size:1.2rem}.comparison-header{align-items:flex-start;flex-direction:column;gap:.5rem}.bar-container{height:50px}.bar-fill{font-size:.85rem}.cta-buttons{flex-direction:column}.cta-buttons .btn{justify-content:center;width:100%}.calculator-cta-section{padding:3rem 1.5rem}.calculator-cta-section h2{font-size:1.8rem}.calculator-cta-section p{font-size:1rem}.footer-content{gap:2rem;grid-template-columns:1fr}.landing-footer{padding:3rem 1.5rem 2rem}}@media (max-width:480px){.calculator-title{font-size:1.75rem}.stat-value{font-size:1.5rem}.alert-title{font-size:1.25rem}.risk-amount,.success-amount{font-size:2rem}}:root{--header-height:80px;--sidebar-width:250px;--primary-yellow:#f5c842;--text-primary:#1f2937;--bg-gray:#f3f4f6;--bg-gray-100:#f3f4f6;--font-size-3xl:32px;--font-normal:400;--font-semibold:600;--spacing-8:32px;--spacing-12:48px;--radius-sm:4px;--radius-xl:16px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff8eb;background-color:var(--background-cream);color:#1f2937;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.page-container{max-width:1024px;max-width:var(--container-lg);padding:16px}.card{background:var(--bg-white);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.btn{border-radius:4px;padding:12px 20px;padding:var(--spacing-3) var(--spacing-5)}.btn-primary:hover{background:#f1b82d}.grid{grid-gap:16px;gap:16px}.form-input{background:var(--bg-white);border:1px solid var(--border-gray);border-radius:4px;color:#374151;color:var(--text-secondary);font-size:var(--font-size-sm);padding:12px;padding:var(--spacing-3);transition:border-color .2s,box-shadow .2s}@media (max-width:768px){.page-container{padding:12px;padding:var(--spacing-3)}}.status-active{color:#10b981;color:var(--success-green)}.status-inactive{color:#ef4444;color:var(--error-red)}.status-warning{color:#f59e0b;color:var(--warning-orange)}.status-info{color:#3b82f6;color:var(--info-blue)}.app-loading{background:linear-gradient(135deg,#f8fafc,#e2e8f0);height:100vh;justify-content:center;width:100%}.app-loading,.loading-spinner{align-items:center;display:flex}.loading-spinner{flex-direction:column;gap:1.5rem}.spinner-ring{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#f4c430;height:60px;width:60px}.loading-text{color:#6b7280;font-size:1rem;font-weight:500;letter-spacing:.5px}.App{display:flex;height:100vh}.app-layout{display:flex;width:100%}.app{background:#f8fafc}.app,.main-content{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.app-main{background:#f8fafc;flex:1 1;overflow-y:auto;padding:0}.header{background:#fff;border-bottom:1px solid var(--gray-200);height:var(--header-height);padding:0 var(--spacing-6)}.content{flex:1 1;overflow-y:auto;padding:var(--spacing-4)}.page-container{width:100%}.card,.page-container{padding:var(--spacing-4)}.card{border:1px solid var(--gray-200);box-shadow:0 1px 3px #0000001a;margin-bottom:var(--spacing-4)}.btn{font-family:inherit;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:#fff;border:1px solid var(--primary-brown);color:var(--primary-brown)}.btn-secondary:hover:not(:disabled){background:var(--primary-brown);color:#fff}.btn-sm{font-size:.85rem;padding:.4rem .8rem}.btn-large{padding:.75rem 1.5rem}.form-input,.form-select,select.form-input{background:#fff;border:1px solid var(--gray-300);border-radius:6px;font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,select.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #f4c4301a;outline:none}.form-input::placeholder{color:#9ca3af}textarea.form-input{min-height:80px;resize:vertical}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-label-required:after{color:#ef4444;content:" *"}.notification{gap:1rem;padding:1rem 1.5rem;z-index:9999}.notification-success{background:#d1fae5;border-left:4px solid #10b981;color:#065f46}.notification-error{background:#fee2e2;border-left:4px solid #ef4444;color:#dc2626}.notification-warning{background:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.notification-info{background:#dbeafe;border-left:4px solid #3b82f6;color:#1e40af}.notification-close{color:inherit;font-size:1.5rem;opacity:.7;transition:opacity .2s}.notification-close:hover{opacity:1}.modal-overlay{background:#00000080;height:100%;width:100%;z-index:2000}.modal-content{box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-header{background:linear-gradient(135deg,#fff8eb,#fef3c7);border-bottom:2px solid var(--primary-color);padding:1.5rem}.modal-header h3{align-items:center;color:var(--primary-brown);display:flex;font-size:1.25rem;gap:.75rem;margin:0}.modal-close{border-radius:50%;color:var(--text-muted);flex-shrink:0;font-size:1.5rem;transition:all .2s ease}.modal-close:hover{background:#0000000d}.modal-body{padding:1.5rem}.modal-actions{background:#f9fafb;border-top:1px solid var(--gray-200);gap:1rem;padding:1rem 1.5rem}.modal-form{gap:1rem}.form-row{grid-gap:1rem;gap:1rem}.form-row.full-width{grid-template-columns:1fr}.form-group-full{grid-column:1/-1}.form-section{background:#f9fafb;border-left:3px solid var(--primary-color);border-radius:8px;margin-top:1rem;padding:1rem}.form-section h4{color:var(--primary-brown);font-size:1rem;margin:0 0 1rem}.form-section-header{border-bottom:2px solid var(--primary-color);color:var(--primary-brown);font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}@media (max-width:768px){.modal-overlay{padding:8px}.modal-content{max-height:96vh;width:calc(100% - 16px)}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media (max-width:480px){.modal-overlay{padding:4px}.modal-content{max-height:97vh;width:calc(100% - 8px)}.modal-body,.modal-header{padding:1rem}.modal-actions{padding:.75rem 1rem}}.info-notice{margin-top:1rem}.status-badge{font-size:.75rem;font-weight:700;gap:.5rem;padding:.25rem .75rem}.status-badge.offline{background:#fee2e2;color:#dc2626}.status-badge.unpaired{background:#e5e7eb;color:#374151}.status-badge.paired{background:#d1fae5;color:#065f46}.no-data,.no-results,.no-sensors{color:var(--text-muted);padding:4rem 2rem;text-align:center}.no-data p,.no-results p,.no-sensors p{font-size:1.1rem;margin:.5rem 0}.loading-state{color:var(--text-muted);padding:3rem;text-align:center}.error-state{background:#fee2e2;border-radius:8px;color:#dc2626;margin:1rem 0;padding:1rem}.grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-bold{font-weight:700}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-content,.main-content.sidebar-collapsed{margin-left:0}.app-main{padding:0}.content,.page-container{padding:var(--spacing-3)}.header{padding:0 var(--spacing-4)}.form-row,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.notification{left:10px;max-width:none;right:10px}.modal-content{max-height:95vh;width:95%}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.btn{padding:.6rem 1rem}}@media (max-width:480px){.content,.page-container{padding:var(--spacing-2)}.card{padding:var(--spacing-3)}.modal-body,.modal-header{padding:1rem}.modal-actions{padding:.75rem 1rem}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}*{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}@media print{.btn,.header,.modal-overlay,.sidebar{display:none!important}.main-content{margin-left:0!important}.page-container{max-width:100%!important}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}:root{--sidebar-width:280px;--sidebar-collapsed-width:70px}.mobile-menu-button{background:#f4c430;background:var(--primary-yellow);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#8b4513;color:var(--primary-brown);cursor:pointer;display:none;left:1rem;padding:12px;position:fixed;top:1rem;transition:all .2s ease;z-index:1001}.mobile-menu-button:hover{background:#f4d03f;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;right:0;z-index:999}.mobile-overlay,.sidebar{left:0;position:fixed;top:0}.sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;width:var(--sidebar-width);z-index:1000}.sidebar.collapsed{cursor:pointer;width:70px;width:var(--sidebar-collapsed-width)}.sidebar.collapsed:hover{border-right-color:#f4c430;border-right-color:var(--primary-yellow);box-shadow:2px 0 12px #0000001a}.sidebar-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:1.5rem 1rem;position:relative}.logo-container,.sidebar-header{align-items:center;display:flex;min-height:80px}.logo-container{flex:1 1;justify-content:center}.hayguard-logo{align-items:center;display:flex;height:100%;justify-content:center;transition:all .3s ease}.logo-image{height:60px;max-width:180px;object-fit:contain;width:auto}.logo-text-fallback{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:2px;letter-spacing:-.025em}.logo-hay{color:#8b4513;color:var(--primary-brown)}.logo-guard{color:#f4c430;color:var(--primary-yellow);text-shadow:1px 1px 0 #8b4513;text-shadow:1px 1px 0 var(--primary-brown)}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s ease}.sidebar-toggle:hover{background:#f4c430;background:var(--primary-yellow);color:#8b4513;color:var(--primary-brown);transform:scale(1.1)}.sidebar-close{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1.5rem 1rem 0;scrollbar-color:#d1d5db #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.nav-item{border-radius:8px;color:#6b7280;color:var(--text-secondary);display:block;margin-bottom:.5rem;overflow:hidden;position:relative;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#fff8eb;background:var(--background-cream);transform:translateX(2px)}.nav-item.active,.nav-item:hover{color:#8b4513;color:var(--primary-brown)}.nav-item.active{background:#f4c430;background:var(--primary-yellow);font-weight:500}.nav-item.active:hover{background:#f4d03f}.nav-item-content{align-items:center;display:flex;gap:.875rem;padding:.875rem .75rem}.nav-icon{flex-shrink:0;transition:transform .2s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-text{display:flex;flex-direction:column;min-width:0}.nav-label{font-size:.875rem;font-weight:500;line-height:1.2}.active-indicator{background:#8b4513;background:var(--primary-brown);border-radius:2px 0 0 2px;height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px}.sidebar-footer{border-top:1px solid #f3f4f6;margin-top:auto;padding:1rem}.farm-profile-link{border-radius:8px;color:inherit;display:block;overflow:hidden;text-decoration:none;transition:all .2s ease}.farm-profile-link:hover{background:#fff8eb;background:var(--background-cream);transform:translateY(-1px)}.farm-profile-info{align-items:center;display:flex;gap:.75rem;padding:.75rem}.sidebar.collapsed .farm-profile-info{justify-content:center;padding:.5rem}.farm-profile-avatar{align-items:center;background:#f4c430;background:var(--primary-yellow);border-radius:8px;color:#8b4513;color:var(--primary-brown);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.sidebar.collapsed .farm-profile-avatar:hover{background:#f4d03f;transform:scale(1.1)}.farm-profile-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.farm-profile-name{color:#111827;color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.farm-profile-location{color:#6b7280;color:var(--text-secondary);font-size:.75rem;margin-bottom:.25rem}.farm-profile-action{color:#8b4513;color:var(--primary-brown);font-size:.75rem;font-weight:500;opacity:.8;transition:opacity .2s ease}.farm-profile-link:hover .farm-profile-action{opacity:1}.sidebar.collapsed .nav-item{justify-content:center;margin-bottom:.75rem;position:relative}.sidebar.collapsed .nav-item:after{background:#111827;background:var(--text-primary);border-radius:6px;color:#fff;content:attr(data-tooltip);font-size:.75rem;margin-left:10px;padding:.5rem .75rem;pointer-events:none;white-space:nowrap}.sidebar.collapsed .nav-item:after,.sidebar.collapsed .nav-item:before{left:100%;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;z-index:1001}.sidebar.collapsed .nav-item:before{border:5px solid #0000;border-right:5px solid var(--text-primary);content:"";margin-left:5px}.sidebar.collapsed .nav-item:hover:after,.sidebar.collapsed .nav-item:hover:before{opacity:1;visibility:visible}.sidebar.collapsed .farm-profile-details,.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-item-content{justify-content:center;padding:.875rem .5rem}.sidebar.collapsed .active-indicator{right:4px}.sidebar *{transition:opacity .2s ease,transform .2s ease}.sidebar.collapsed .farm-profile-details,.sidebar.collapsed .nav-text{opacity:0;transform:translateX(-10px)}@media (max-width:1024px){.sidebar{box-shadow:none;transform:translateX(-100%)}.sidebar.mobile-open{box-shadow:4px 0 24px #0003;transform:translateX(0)}.mobile-overlay{display:none;opacity:0}.mobile-overlay.active{display:block;opacity:1}.sidebar-close{background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex!important;padding:8px;transition:all .2s ease}.sidebar-close:hover{background:#fff8eb;background:var(--background-cream);color:#8b4513;color:var(--primary-brown)}.sidebar.mobile-open{width:280px;width:var(--sidebar-width)}.sidebar.mobile-open .farm-profile-details,.sidebar.mobile-open .nav-text{display:flex;opacity:1}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (min-width:1025px){.mobile-menu-button{display:none}.mobile-overlay{display:none!important}.desktop-only{display:block!important}.mobile-only{display:none!important}}.profile-dropdown{position:relative}.profile-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s ease}.profile-trigger:hover{background:#f4c4300d;border-color:#f4c430;border-color:var(--primary-yellow)}.profile-trigger:focus{outline:2px solid #f4c430;outline:2px solid var(--primary-yellow);outline-offset:2px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#f4c430,#f7d794);background:linear-gradient(135deg,var(--primary-yellow),#f7d794);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initial{color:#8b4513;color:var(--primary-brown);font-size:14px;font-weight:700}.profile-name-desktop{color:#111827;color:var(--text-primary);font-size:14px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#6b7280;color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:280px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-header{align-items:center;display:flex;gap:12px;padding:20px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#f4c430,#f7d794);background:linear-gradient(135deg,var(--primary-yellow),#f7d794);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.dropdown-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initial-large{color:#8b4513;color:var(--primary-brown);font-size:20px;font-weight:700}.user-info{flex:1 1;min-width:0}.user-name{color:#111827;color:var(--text-primary);font-size:16px;font-weight:600}.user-email,.user-name{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#6b7280;color:var(--text-secondary);font-size:13px}.user-role{background:#f4c4301a;border-radius:4px;color:#8b4513;color:var(--primary-brown);display:inline-block;font-size:12px;font-weight:500;margin:0;padding:2px 8px}.dropdown-divider{background:#e5e7eb;background:var(--border-light);height:1px;margin:0}.dropdown-items{padding:8px}.dropdown-item{align-items:center;background:none;border:none;border-radius:6px;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f4c4301a;color:#8b4513;color:var(--primary-brown)}.dropdown-item svg{color:#6b7280;color:var(--text-secondary);flex-shrink:0}.dropdown-item:hover svg{color:#8b4513;color:var(--primary-brown)}.logout-btn{color:#dc2626}.logout-btn:hover{background:#dc26261a;color:#dc2626}.logout-btn svg{color:#dc2626}@media (max-width:768px){.profile-name-desktop{display:none}.profile-trigger{gap:4px;padding:6px}.dropdown-menu{left:8px;max-width:calc(100vw - 16px);min-width:auto;position:fixed;right:8px;top:auto}.dropdown-header{padding:16px}.dropdown-avatar{height:40px;width:40px}.avatar-initial-large{font-size:18px}.user-name{font-size:15px}.user-email{font-size:12px}}@media (max-width:480px){.profile-avatar{height:28px;width:28px}.avatar-initial{font-size:12px}.dropdown-item{font-size:13px;padding:10px 12px}.dropdown-item svg{height:16px;width:16px}}@media (min-width:769px) and (max-width:1024px){.profile-name-desktop{max-width:100px}}@media (prefers-reduced-motion:reduce){.dropdown-arrow,.dropdown-item,.dropdown-menu,.profile-trigger{animation:none;transition:none}}@media (prefers-contrast:high){.dropdown-menu,.profile-trigger{border:2px solid}.dropdown-divider{height:2px}}.notification-dropdown-container{position:relative}.notification-bell{border-radius:8px;color:#6b7280;padding:8px}.notification-bell:hover{background:#f4c4301a;color:#8b4513;color:var(--primary-brown)}.notification-bell.has-notifications{color:#8b4513}.notification-bell:focus{outline:2px solid #f4c430;outline:2px solid var(--primary-yellow)}.notification-badge{background:#ef4444;box-shadow:0 2px 4px #0003;font-weight:700;height:18px;min-width:18px;padding:2px 5px;right:2px;top:2px}.notification-pulse{height:44px;width:44px}.notification-dropdown-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;max-height:540px;position:absolute;right:0;top:calc(100% + 12px);width:380px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:#111827;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.notification-count{background:#ef44441a;border-radius:12px;color:#ef4444;color:var(--error-red);font-size:12px;font-weight:600;padding:4px 8px}.notification-list{flex:1 1;max-height:400px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#0000}.notification-list::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-light);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#d1d5db}.notification-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:all .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f4c4300d}.notification-item.severity-critical{border-left:3px solid #ef4444;border-left:3px solid var(--error-red)}.notification-item.severity-warning{border-left:3px solid #f59e0b;border-left:3px solid var(--warning-orange)}.notification-item.severity-info{border-left:3px solid #3b82f6;border-left:3px solid var(--info-blue)}.notification-icon-wrapper{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.severity-critical .notification-icon-wrapper{background:#ef44441a}.severity-warning .notification-icon-wrapper{background:#f59e0b1a}.severity-info .notification-icon-wrapper{background:#3b82f61a}.alert-icon.critical{color:#ef4444;color:var(--error-red)}.alert-icon.warning{color:#f59e0b;color:var(--warning-orange)}.alert-icon.info{color:#3b82f6;color:var(--info-blue)}.notification-content{flex:1 1;min-width:0}.notification-title{color:#111827;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:4px;overflow:hidden}.notification-time{color:#9ca3af;font-size:11px;font-weight:500}.notification-empty{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:48px 20px;text-align:center}.notification-empty svg{color:#d1d5db;margin-bottom:16px}.notification-empty p{color:#111827;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.notification-empty span{color:#6b7280;color:var(--text-secondary);font-size:14px}.notification-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);padding:12px 20px}.view-all-btn{align-items:center;background:#f4c430;background:var(--primary-yellow);border:none;border-radius:8px;color:#8b4513;color:var(--primary-brown);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.view-all-btn:hover{background:#f5d03f;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}@media (max-width:768px){.notification-dropdown-menu{left:8px;max-height:calc(100vh - 80px);position:fixed;right:8px;top:60px;width:auto}.notification-footer,.notification-header,.notification-item{padding:12px 16px}}@media (max-width:480px){.notification-title{font-size:13px}.notification-message{font-size:12px}.notification-icon-wrapper{height:32px;width:32px}.alert-icon{height:16px;width:16px}}@media (prefers-reduced-motion:reduce){.notification-badge,.notification-bell,.notification-dropdown-menu,.notification-item,.notification-pulse,.view-all-btn{animation:none;transition:none}}@media (prefers-contrast:high){.notification-dropdown-menu{border:2px solid}.notification-item{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light)}}:root{--header-height:64px}.header{background:var(--bg-white);border-bottom:1px solid var(--border-gray);box-shadow:var(--shadow-sm);height:64px;height:var(--header-height,64px);justify-content:space-between;padding:0 var(--spacing-5);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.mobile-logo{align-items:center;display:none;gap:8px}.mobile-logo-img{height:40px;width:auto}.mobile-logo-text{color:var(--primary-brown);font-size:20px;font-weight:700;letter-spacing:.5px}.mobile-menu-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:none;flex-direction:column;gap:4px;height:40px;justify-content:center;padding:var(--spacing-2);transition:all .2s ease;width:40px}.mobile-menu-btn:hover{background:var(--bg-gray-50)}.hamburger-line{background:var(--text-secondary);border-radius:1px;height:2px;transition:all .3s ease;width:20px}.mobile-menu-btn:hover .hamburger-line{background:var(--text-primary)}.header-right{align-items:center;display:flex;gap:var(--spacing-4)}.notification-bell{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-3);position:relative;transition:all .2s ease}.notification-bell:hover{background:var(--bg-gray-50);color:var(--text-primary);transform:translateY(-1px)}.notification-bell.has-notifications{color:var(--primary-brown)}.notification-bell.has-notifications:hover{background:#f4c4301a;color:var(--primary-brown)}.bell-icon{align-items:center;display:flex;justify-content:center;position:relative}.bell-icon svg{height:20px;transition:all .2s ease;width:20px}.notification-bell:hover .bell-icon svg{transform:rotate(15deg)}.notification-badge{align-items:center;animation:badgePulse 2s infinite;background:var(--error-red);border-radius:10px;box-shadow:0 1px 3px #0003;color:#fff;display:flex;font-size:10px;font-weight:var(--font-bold);height:16px;justify-content:center;min-width:16px;padding:2px 6px;position:absolute;right:-6px;top:-6px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-pulse{animation:pulse 2s infinite;background:#f4c4304d;border-radius:50%;height:40px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:-1}.mobile-menu-btn:focus,.notification-bell:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){.mobile-logo,.mobile-menu-btn{display:flex}.mobile-logo-img{height:50px}.mobile-logo-text{font-size:18px}.header{height:60px;padding:0 var(--spacing-3)}.header-right{gap:var(--spacing-2)}.notification-bell{padding:var(--spacing-2)}}@media (max-width:480px){.mobile-logo-img{height:40px}.mobile-logo-text{font-size:16px}}@media (max-width:1024px){.header{padding:0 var(--spacing-4)}}@media (min-width:1280px){.header{padding:0 var(--spacing-6)}}@media (prefers-contrast:high){.header{border-bottom:2px solid var(--border-gray)}.notification-bell{border:1px solid #0000}.notification-bell:hover{border-color:var(--text-primary)}}@media (prefers-reduced-motion:reduce){.bell-icon svg,.hamburger-line,.notification-badge,.notification-bell,.notification-pulse{animation:none;transition:none}.notification-bell:hover,.notification-bell:hover .bell-icon svg{transform:none}}.dashboard-page{margin:0 auto;max-width:1400px;max-width:var(--container-lg);padding:20px;padding:var(--spacing-5)}.system-health-banner{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;gap:20px;gap:var(--spacing-5);justify-content:space-between;margin-bottom:20px;margin-bottom:var(--spacing-5);padding:24px;padding:var(--spacing-6);transition:background .5s ease,box-shadow .5s ease}.system-health-banner.excellent{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px #10b9814d}.system-health-banner.good{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px #3b82f64d}.system-health-banner.fair{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px #f59e0b4d}.system-health-banner.poor{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 12px #ef44444d}.system-health-content{align-items:flex-start;display:flex;flex:1 1;gap:16px;gap:var(--spacing-4)}.system-health-icon{align-items:center;background:#ffffff40;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.system-health-info{display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--spacing-2)}.system-health-label{color:#fff;font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px;opacity:.95;text-transform:uppercase}.system-health-value{color:#fff;font-size:42px;font-weight:700;font-weight:var(--font-bold);line-height:1}.system-health-breakdown{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-4);margin-top:8px;margin-top:var(--spacing-2)}.health-factor{align-items:center;background:#ffffff40;border-radius:6px;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-medium);gap:4px;gap:var(--spacing-1);padding:4px 8px;padding:var(--spacing-1) var(--spacing-2)}.health-status-indicator{align-items:flex-end;display:flex;flex-direction:column;gap:12px;gap:var(--spacing-3);min-width:180px}.health-status-badge{background:#fff;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;font-size:14px;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-bold);min-width:140px;padding:8px 20px;padding:var(--spacing-2) var(--spacing-5);text-align:center}.health-meter{background:#ffffff4d;border-radius:6px;box-shadow:inset 0 2px 4px #0000001a;height:12px;overflow:hidden;width:100%}.health-meter-fill{border-radius:6px;height:100%;transition:width .5s ease,background-color .5s ease}.kpi-grid{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px;margin-bottom:var(--spacing-5)}.kpi-card{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border-left:4px solid #f4c430;border:1px solid var(--border-gray);border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;cursor:pointer;padding:20px;padding:var(--spacing-5);transition:all .2s}.kpi-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.kpi-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--spacing-3)}.kpi-label{color:#6b7280;color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.kpi-icon{color:#f4c430;color:var(--primary-color)}.kpi-value{color:#111827;color:var(--text-primary);font-size:36px;font-weight:700;font-weight:var(--font-bold);margin-bottom:8px;margin-bottom:var(--spacing-2)}.kpi-subtitle{color:#374151;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm)}.dashboard-content{grid-gap:20px;grid-gap:var(--spacing-5);display:grid;gap:20px;gap:var(--spacing-5);grid-template-columns:2fr 1fr}.dashboard-section{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;margin-bottom:20px;margin-bottom:var(--spacing-5);overflow:hidden}.chart-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px 20px;padding:var(--spacing-10) var(--spacing-5);text-align:center}.chart-empty-state h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.chart-empty-state p{color:#6b7280;font-size:14px;margin:0 0 20px;max-width:400px}.chart-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-3);margin-bottom:20px;margin-bottom:var(--spacing-5)}.filter-group{gap:0;min-width:180px}.filter-label{display:none}.filter-select{padding:8px 12px;padding:var(--spacing-2) var(--spacing-3)}.chart-container{height:300px}.readings-table{border-collapse:collapse;width:100%}.readings-table thead{background:#fff8eb;background:var(--background-cream);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-color)}.readings-table th{color:#8b4513;color:var(--primary-brown);font-size:12px;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-bold);letter-spacing:.5px;padding:12px 16px;padding:var(--spacing-3) var(--spacing-4);text-align:left;text-transform:uppercase}.readings-table tbody tr{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);transition:background .2s}.readings-table tbody tr:hover{background:#f9fafb;background:var(--bg-gray-50)}.readings-table tbody tr:last-child{border-bottom:none}.readings-table td{color:#374151;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);padding:12px 16px;padding:var(--spacing-3) var(--spacing-4)}.reading-sensor-name-cell{color:#111827;color:var(--text-primary);font-weight:500;font-weight:var(--font-medium)}.reading-temp-cell{color:#f59e0b}.reading-moisture-cell,.reading-temp-cell{font-weight:700;font-weight:var(--font-bold)}.reading-moisture-cell{color:#3b82f6}.reading-time-cell{color:#9ca3af;color:var(--text-light);font-size:12px;font-size:var(--font-size-xs)}.weather-no-location{padding:40px 20px;padding:var(--spacing-10) var(--spacing-5);text-align:center}.no-location-icon{color:#6b7280;color:var(--text-muted);margin-bottom:16px;margin-bottom:var(--spacing-4)}.weather-no-location h3{color:#111827;color:var(--text-primary);font-size:24px;font-size:var(--font-size-xl);margin:0 0 8px;margin:0 0 var(--spacing-2) 0}.weather-no-location p{color:#374151;color:var(--text-secondary);margin:0 0 20px;margin:0 0 var(--spacing-5) 0}.btn-primary,.weather-no-location p{font-size:16px;font-size:var(--font-size-base)}.btn-primary{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-weight:700;font-weight:var(--font-bold);gap:8px;gap:var(--spacing-2);padding:12px 20px;padding:var(--spacing-3) var(--spacing-5);transition:all .2s}.current-weather-stats{grid-gap:16px;grid-gap:var(--spacing-4);border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--border-light);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin-bottom:20px;margin-bottom:var(--spacing-5);padding-bottom:16px;padding-bottom:var(--spacing-4)}.weather-stat-large{align-items:center;background:#f9fafb;background:var(--bg-gray-50);border-left:3px solid #f4c430;border-left:3px solid var(--primary-color);border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:12px;gap:var(--spacing-3);padding:12px;padding:var(--spacing-3)}.weather-icon{color:#8b4513;color:var(--primary-brown);flex-shrink:0}.weather-stat-content{flex:1 1}.weather-stat-label{color:#6b7280;color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.3px;margin-bottom:4px;margin-bottom:var(--spacing-1);text-transform:uppercase}.weather-stat-value-large{color:#111827;color:var(--text-primary);font-size:24px;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-bold)}.weather-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);display:flex;justify-content:center;margin-bottom:16px;margin-bottom:var(--spacing-4);padding-bottom:12px;padding-bottom:var(--spacing-3)}.weather-type-toggle{background:#f9fafb;background:var(--bg-gray-50);border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:8px;gap:var(--spacing-2);padding:4px;padding:var(--spacing-1)}.weather-toggle-btn{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#374151;color:var(--text-secondary);cursor:pointer;font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-medium);padding:8px 16px;padding:var(--spacing-2) var(--spacing-4);transition:all .2s}.weather-toggle-btn.active{background:#f4c430;background:var(--primary-color);color:#8b4513;color:var(--primary-brown);font-weight:700;font-weight:var(--font-bold)}.weather-toggle-btn:hover:not(.active){background:#f4c43033}.weather-forecast-detailed{margin-top:16px;margin-top:var(--spacing-4)}.weather-table{border-collapse:collapse;width:100%}.weather-table thead{background:#fff8eb;background:var(--background-cream);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-color)}.weather-table th{color:#8b4513;color:var(--primary-brown);font-size:12px;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-bold);letter-spacing:.5px;padding:8px 12px;padding:var(--spacing-2) var(--spacing-3);text-align:left;text-transform:uppercase}.weather-table tbody tr{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light)}.weather-table tbody tr:last-child{border-bottom:none}.weather-table tbody tr:hover{background:#f9fafb;background:var(--bg-gray-50)}.weather-table td{color:#374151;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--spacing-2) var(--spacing-3)}.temp-value{color:#f59e0b}.humidity-value,.temp-value{font-weight:700;font-weight:var(--font-bold)}.humidity-value{color:#3b82f6}.alerts-list{display:flex;flex-direction:column;gap:12px;gap:var(--spacing-3)}.alert-item-mini{background:#f9fafb;background:var(--bg-gray-50);border-left:4px solid #0000;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;padding:12px;padding:var(--spacing-3);transition:all .2s}.alert-item-mini:hover{background:#fff;box-shadow:0 2px 6px #00000014;transform:translateX(2px)}.alert-item-mini.critical{background:#fee2e2;border-left-color:#ef4444;border-left-color:var(--error-red)}.alert-item-mini.warning{background:#fef3c7;border-left-color:#f59e0b;border-left-color:var(--warning-orange)}.alert-item-mini.info{background:#eff6ff;border-left-color:#3b82f6}.alert-mini-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-1)}.alert-mini-severity{border-radius:6px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;font-weight:var(--font-bold);letter-spacing:.5px;padding:2px 8px;padding:2px var(--spacing-2);text-transform:uppercase}.alert-mini-severity.critical{background:#ef4444;background:var(--error-red);color:#fff}.alert-mini-severity.warning{background:#f59e0b;background:var(--warning-orange);color:#fff}.alert-mini-severity.info{background:#3b82f6;color:#fff}.alert-mini-time{color:#9ca3af;color:var(--text-light);font-size:12px;font-size:var(--font-size-xs)}.alert-mini-message{color:#374151;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:4px;margin-bottom:var(--spacing-1)}.alert-mini-sensor{font-size:12px;font-size:var(--font-size-xs)}.alert-mini-sensor,.empty-state{color:#6b7280;color:var(--text-muted)}.empty-state{padding:40px;padding:var(--spacing-10);text-align:center}.empty-state p{margin:0}.dashboard-loading,.empty-state p{font-size:16px;font-size:var(--font-size-base)}.dashboard-loading{color:#6b7280;color:var(--text-muted);padding:40px;padding:var(--spacing-10);text-align:center}@media (max-width:1024px){.current-weather-stats,.dashboard-content{grid-template-columns:1fr}.system-health-breakdown{flex-direction:column;gap:8px;gap:var(--spacing-2)}}@media (max-width:768px){.dashboard-page{padding:16px;padding:var(--spacing-4)}.system-health-banner{flex-direction:column;padding:20px;padding:var(--spacing-5);text-align:center}.system-health-content{align-items:center;flex-direction:column;width:100%}.system-health-info{align-items:center}.system-health-breakdown{justify-content:center}.health-status-indicator{align-items:center;width:100%}.health-meter{max-width:280px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.chart-filters{flex-direction:column}.filter-group,.filter-select{width:100%}.readings-table{display:block;overflow-x:auto}.weather-table{font-size:12px;font-size:var(--font-size-xs)}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}.kpi-value{font-size:28px}.system-health-value{font-size:36px}.system-health-icon{height:56px;width:56px}.readings-table thead{display:none}.readings-table tr{border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);display:block;margin-bottom:12px;margin-bottom:var(--spacing-3);padding:12px;padding:var(--spacing-3)}.readings-table td{border:none;display:block;padding:4px 0;padding:var(--spacing-1) 0;text-align:right}.readings-table td:before{color:#6b7280;color:var(--text-muted);content:attr(data-label);float:left;font-size:12px;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-bold);text-transform:uppercase}.current-weather-stats{grid-template-columns:1fr}.weather-stat-value-large{font-size:18px;font-size:var(--font-size-lg)}.health-factor{font-size:10px}}.farm-map-container{background:#f9fafb;border:2px solid #f4c430;border-radius:8px;box-shadow:0 4px 8px #0000001a;height:400px;overflow:hidden;position:relative;width:100%}.farm-map{height:100%;width:100%}.map-loading-overlay{align-items:center;background:#f9fafbe6;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.map-loader{animation:spin 1s linear infinite;color:#f4c430}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.map-loading-overlay span{color:#6b7280;font-size:14px;font-weight:500}.map-coordinates{align-items:center;background:#fff;border-radius:6px;bottom:12px;box-shadow:0 2px 4px #0000001a;color:#6b7280;display:flex;font-size:12px;font-weight:500;gap:6px;left:12px;padding:8px 12px;position:absolute;z-index:1000}.map-coordinates svg{color:#f4c430;flex-shrink:0}.custom-map-marker{background:#0000;border:none}.marker-pin{align-items:center;animation:markerBounce .5s ease-in-out;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:42px;justify-content:center;width:32px}@keyframes markerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-popup{font-family:inherit;padding:4px}.map-popup strong{color:#8b4513;font-size:14px;font-weight:700}.map-popup small{color:#6b7280;font-size:11px}.farm-map-placeholder{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;height:400px;justify-content:center;width:100%}.farm-map-placeholder svg{color:#9ca3af}.farm-map-placeholder p{color:#6b7280;font-size:14px;margin:0}.leaflet-container{font-family:inherit;height:100%;width:100%}.leaflet-popup-content-wrapper{border-radius:6px;box-shadow:0 4px 8px #00000026}.leaflet-popup-tip{box-shadow:0 2px 4px #0000001a}.leaflet-control-attribution{background:#fffc;font-size:10px}@media (max-width:768px){.farm-map-container,.farm-map-placeholder{height:300px}.map-coordinates{font-size:10px;padding:6px 10px}}.my-farm-page{margin:0 auto;max-width:1400px;max-width:var(--container-lg);padding:20px;padding:var(--spacing-5)}.farm-header{align-items:flex-start;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--spacing-5);padding:24px;padding:var(--spacing-6)}.farm-header-info h1{color:#111827;color:var(--text-primary);font-size:28px;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-bold);margin:0 0 8px;margin:0 0 var(--spacing-2) 0}.farm-header-subtitle{align-items:center;color:#6b7280;color:var(--text-muted);font-size:14px;font-size:var(--font-size-sm)}.farm-header-actions,.farm-header-subtitle{display:flex;gap:8px;gap:var(--spacing-2)}.farm-stats{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);margin-bottom:20px;margin-bottom:var(--spacing-5)}.stat-card{background:var(--bg-white);border-left:4px solid #f4c430;border-left:4px solid var(--primary-color);display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.stat-card:first-child{border-left-color:#3b82f6}.stat-card:nth-child(2){border-left-color:#10b981}.stat-card:nth-child(3){border-left-color:#f59e0b}.stat-card:nth-child(4){border-left-color:var(--primary-yellow)}.stat-label{color:#6b7280;display:block;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-medium);margin-bottom:8px;margin-bottom:var(--spacing-2);text-align:left}.stat-value{align-items:center;display:flex;font-size:32px;font-weight:var(--font-bold);gap:8px;gap:var(--spacing-2)}.stat-value svg{flex-shrink:0}@media (max-width:1024px){.farm-stats{gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.farm-stats{gap:12px;gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.stat-card{min-height:100px;padding:16px;padding:var(--spacing-4)}.stat-value{font-size:24px}}@media (max-width:480px){.farm-stats{grid-template-columns:1fr}}.farm-content{grid-gap:20px;grid-gap:var(--spacing-5);display:grid;gap:20px;gap:var(--spacing-5);grid-template-columns:2fr 1fr;margin-bottom:20px;margin-bottom:var(--spacing-5)}.farm-details-section{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;overflow:hidden}.section-header{border-bottom:2px solid var(--primary-color)}.section-header h2{color:#8b4513;color:var(--primary-brown);font-size:18px;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-bold);margin:0}.info-grid{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}.info-label{color:#6b7280;color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.info-value-muted{color:#374151;color:var(--text-secondary)}.geolocation-section{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;overflow:hidden}.map-preview{align-items:center;background:#f9fafb;background:var(--bg-gray);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);color:#6b7280;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;gap:var(--spacing-3);height:300px;justify-content:center;overflow:hidden;position:relative;width:100%}.map-placeholder{padding:16px;padding:var(--spacing-4);text-align:center}.map-placeholder svg{color:#f4c430;color:var(--primary-color);margin-bottom:8px;margin-bottom:var(--spacing-2)}.coordinates-display{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:1fr 1fr;padding:16px;padding:var(--spacing-4)}.coordinate-item{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-1)}.coordinate-label{color:#6b7280;color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.coordinate-value{color:#111827;color:var(--text-primary);font-family:Courier New,monospace;font-size:18px;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-bold)}.weather-widget{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;margin-top:20px;margin-top:var(--spacing-5);overflow:hidden}.weather-current{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;padding:var(--spacing-5);text-align:center}.weather-temp{font-size:48px;font-weight:700;font-weight:var(--font-bold);margin:12px 0;margin:var(--spacing-3) 0}.weather-condition{font-size:16px;font-size:var(--font-size-base);opacity:.9}.weather-details{grid-gap:12px;grid-gap:var(--spacing-3);display:grid;gap:12px;gap:var(--spacing-3);grid-template-columns:repeat(2,1fr);padding:16px;padding:var(--spacing-4)}.weather-detail-item{align-items:center;color:#374151;color:var(--text-secondary);display:flex;font-size:14px;font-size:var(--font-size-sm);gap:8px;gap:var(--spacing-2)}.farm-edit-form{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-4)}.form-group{gap:8px;gap:var(--spacing-2)}.form-label{color:#111827;color:var(--text-primary);font-weight:500;font-weight:var(--font-medium)}.form-input,.form-label,.form-textarea{font-size:14px;font-size:var(--font-size-sm)}.form-input,.form-textarea{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:6px;border-radius:var(--radius-sm);color:#374151;color:var(--text-secondary);padding:12px;padding:var(--spacing-3);transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#8b4513;border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-row{grid-gap:16px;grid-gap:var(--spacing-4);gap:16px;gap:var(--spacing-4)}.form-help{color:#9ca3af;color:var(--text-light);font-size:12px;font-size:var(--font-size-xs);margin-top:4px;margin-top:var(--spacing-1)}.btn{text-decoration:none}.btn-outline{background:#0000;border:1px solid #8b4513;border:1px solid var(--primary-brown);color:#8b4513;color:var(--primary-brown)}.btn-outline:hover{background:#fff8eb;background:var(--background-cream)}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-gray);display:flex;gap:12px;gap:var(--spacing-3);justify-content:flex-end;padding-top:16px;padding-top:var(--spacing-4)}.farm-loading{color:#6b7280;color:var(--text-muted);font-size:16px;font-size:var(--font-size-base);padding:40px;padding:var(--spacing-10);text-align:center}@media (max-width:1024px){.farm-content{grid-template-columns:1fr}}@media (max-width:768px){.my-farm-page{padding:16px;padding:var(--spacing-4)}.farm-header{flex-direction:column;gap:16px;gap:var(--spacing-4)}.farm-header-actions{width:100%}.farm-header-actions .btn{flex:1 1}.farm-stats{grid-template-columns:repeat(2,1fr)}.coordinates-display,.form-row,.info-grid,.weather-details{grid-template-columns:1fr}.notification{left:10px;min-width:auto;right:10px;top:10px}}@media (max-width:480px){.farm-stats{grid-template-columns:1fr}.stat-value{font-size:24px}.weather-temp{font-size:36px}}:root{--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}.pair-modal{max-width:600px}.pair-sensor-info{background:#fff8eb;border-left:4px solid #f4c430;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.pair-sensor-info h4{color:#8b4513;font-size:1.1rem;margin-bottom:.5rem}.pair-sensor-info p{color:#6b7280;font-size:.9rem;margin:.25rem 0}.pairing-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:1.5rem}.pairing-tabs .tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.pairing-tabs .tab:hover{background:#fff8eb;color:#8b4513}.pairing-tabs .tab.active{border-bottom-color:#f4c430;color:#8b4513}.pairing-method{gap:1.5rem}.pairing-method,.qr-upload-area{display:flex;flex-direction:column}.qr-upload-area{align-items:center;background:#f9fafb;border:3px dashed #d1d5db;border-radius:12px;cursor:pointer;justify-content:center;min-height:300px;padding:3rem 2rem;text-align:center;transition:all .3s ease}.qr-upload-area:hover{background:#fff8eb;border-color:#f4c430}.qr-upload-area svg{color:#f4c430;margin-bottom:1rem}.qr-upload-area p{color:#374151;font-weight:600;margin:.5rem 0}.qr-upload-area span{color:#9ca3af;font-size:.9rem}.qr-preview{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:250px;max-width:100%}.error-message{align-items:center;background:#fee2e2;border-radius:6px;color:#dc2626;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.error-message:before{content:"⚠️"}.info-notice{background:#dbeafe;border-radius:8px;font-size:.9rem;gap:.75rem;padding:1rem}.info-notice span:first-child{flex-shrink:0;font-size:1.25rem}.btn-large{font-size:1rem;padding:1rem 1.5rem;width:100%}.form-help{color:#6b7280;display:block;font-size:.85rem;margin-top:.5rem}@media (max-width:768px){.pair-modal{max-width:95%}.qr-upload-area{min-height:250px;padding:2rem 1rem}.pairing-tabs .tab{font-size:.9rem;padding:.75rem}}:root{--status-online:#10b981;--status-warning:#f59e0b;--status-offline:#6b7280;--status-critical:#ef4444;--status-unpaired:#f59e0b}.sensors{background:#f8fafc;min-height:100vh;padding:20px;padding:var(--spacing-5)}.sensors-loading{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:18px;justify-content:center;min-height:400px}.notification{background:var(--white);box-shadow:0 4px 6px #0000001a;gap:var(--spacing-md);max-width:400px;padding:var(--spacing-lg) var(--spacing-xl);right:var(--spacing-2xl);top:var(--spacing-2xl)}.notification-success{border-left-color:var(--status-online)}.notification-error{border-left-color:var(--status-critical)}.notification-info{border-left-color:#f4c430;border-left-color:var(--primary-yellow)}.notification-close{color:#9ca3af;color:var(--text-muted);font-size:24px;line-height:1;padding:0;transition:color .2s}.sensors-controls{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;margin-bottom:20px;margin-bottom:var(--spacing-5);overflow:hidden}.controls-header{align-items:center;display:flex;justify-content:space-between}.controls-main{grid-gap:20px;grid-gap:var(--spacing-5);align-items:start;display:grid;gap:20px;gap:var(--spacing-5);grid-template-columns:2fr 1fr}.controls-filters{display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-3)}.controls-actions{display:flex;justify-content:flex-end}.search-input{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);flex:1 1;font-size:14px;min-width:250px;padding:10px 16px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#8b4513;border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a;outline:none}.btn-danger{background:var(--status-critical);color:var(--white)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.sensors-content{margin-top:20px;margin-top:var(--spacing-5)}.sensors-grid{grid-gap:20px;grid-gap:var(--spacing-5);display:grid;gap:20px;gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sensor-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border-left:4px solid #f4c430;border:1px solid var(--border-gray);border-left:4px solid var(--primary-yellow);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg);padding:20px;padding:var(--spacing-5);transition:transform .2s,box-shadow .2s}.sensor-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.sensor-card.sensor-unpaired{background:linear-gradient(90deg,#fffbeb 0,#fff 50%);border-left-color:#f59e0b;border-left-color:var(--status-warning)}.sensor-header{align-items:flex-start;display:flex;gap:12px;gap:var(--spacing-md);justify-content:space-between}.sensor-title{flex:1 1}.sensor-title h4{color:#111827;color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.sensor-id{color:#9ca3af;color:var(--text-muted);font-size:12px;font-weight:400}.status-badge{white-space:nowrap}.status-badge.online{background:#d1fae5;color:#065f46}.status-badge.offline{background:#f3f4f6;color:#4b5563}.status-badge.unpaired,.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.unpaired{animation:pulse 2s ease-in-out infinite}.sensor-bales,.sensor-location{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;gap:var(--spacing-sm)}.unpaired-notice{align-items:center;background:#fffbeb;border:2px dashed #f59e0b;border:2px dashed var(--status-warning);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;gap:var(--spacing-md);justify-content:center;min-height:180px;padding:24px 16px;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.unpaired-notice p{color:#6b7280;color:var(--text-secondary);font-size:14px;margin:0}.sensor-readings{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;gap:16px;gap:var(--spacing-lg);padding:16px 0;padding:var(--spacing-lg) 0}.reading{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.reading-label{color:#9ca3af;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.reading-value{color:#111827;color:var(--text-primary);font-size:20px;font-weight:700}.reading:first-child .reading-value{color:#f59e0b;color:var(--status-warning)}.reading:last-child .reading-value{color:#3b82f6}.sensor-meta{font-size:12px;gap:12px;gap:var(--spacing-md);justify-content:space-between}.battery-info,.sensor-meta{align-items:center;display:flex}.battery-info{gap:8px;gap:var(--spacing-sm)}.battery-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.battery-high{background:#d1fae5;color:#065f46}.battery-medium{background:#fef3c7;color:#92400e}.battery-low{background:#fee2e2;color:#991b1b}.last-update{color:#9ca3af;color:var(--text-muted)}.sensor-actions{display:flex;gap:8px;gap:var(--spacing-sm);margin-top:8px;margin-top:var(--spacing-sm)}.sensor-actions .btn{flex:1 1}.no-sensors{color:#6b7280;color:var(--text-secondary);grid-column:1/-1;padding:60px 20px;text-align:center}.no-sensors p:first-child{color:#111827;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.modal-overlay{animation:fadeIn .2s ease-out;padding:12px}.modal-content{animation:slideUp .3s ease-out;background:var(--white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;max-height:90vh}.modal-header{border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:14px 16px}.modal-header h2,.modal-header h3{align-items:center;color:#8b4513;color:var(--primary-brown);display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.modal-body{padding:16px}.modal-form{display:flex;flex-direction:column;gap:14px}.form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.form-input{background:#fff;background:var(--white);font-family:inherit;padding:8px 12px}.modal-actions{padding:12px 16px}@media (max-width:768px){.modal-overlay{padding:8px}.modal-content{max-height:92vh;max-width:calc(100% - 16px);width:calc(100% - 16px)}.modal-header{padding:12px}.modal-header h2,.modal-header h3{font-size:15px}.modal-actions,.modal-body{padding:12px}.form-row{gap:12px;grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;gap:8px}.btn{width:100%}.form-section{padding:10px}}@media (max-width:480px){.modal-overlay{padding:4px}.modal-content{border-radius:8px;max-width:calc(100% - 8px);width:calc(100% - 8px)}.modal-header{border-radius:8px 8px 0 0;padding:10px}.modal-header h2,.modal-header h3{font-size:14px}.modal-body{padding:10px}.modal-actions{border-radius:0 0 8px 8px;padding:10px}.form-input{font-size:14px;padding:8px 10px}.form-section{padding:8px}}.info-notice{align-items:flex-start;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:6px;border-radius:var(--radius-sm);color:#1e40af;display:flex;font-size:12px;gap:10px;line-height:1.5;padding:10px 14px}.info-notice svg{flex-shrink:0;margin-top:2px}.modal-actions{background:linear-gradient(0deg,#fff8eb,#fff);background:linear-gradient(to top,var(--background-cream),var(--white));border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}.pair-info{display:flex;flex-direction:column;gap:20px}.pair-sensor-details{background:#fff8eb;background:var(--background-cream);border-left:4px solid #f4c430;border-left:4px solid var(--primary-yellow);border-radius:8px;border-radius:var(--radius-md);padding:16px}.pair-sensor-details h4{color:#8b4513;color:var(--primary-brown);font-size:15px;font-weight:600;margin:0 0 8px}.pair-sensor-details p{color:#6b7280;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:4px 0}.qr-placeholder{align-items:center;background:#fff;background:var(--white);border:2px dashed #e5e7eb;border:2px dashed var(--border-light);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:200px;padding:40px 20px}.qr-placeholder svg{color:#9ca3af;color:var(--text-muted);height:64px;width:64px}.qr-placeholder p{color:#9ca3af;color:var(--text-muted);font-size:14px;margin:0;text-align:center}@media (max-width:1024px){.sensors{padding:20px;padding:var(--spacing-xl)}.sensors-grid{gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.controls-main{gap:16px;gap:var(--spacing-4);grid-template-columns:1fr}.controls-actions{justify-content:stretch}.controls-actions .btn{width:100%}}@media (max-width:768px){.sensors{padding:16px;padding:var(--spacing-4)}.sensors-grid{gap:16px;gap:var(--spacing-lg);grid-template-columns:1fr}.sensor-card{padding:16px;padding:var(--spacing-lg)}.controls-filters{flex-direction:column}.filter-select,.search-input{min-width:100%;width:100%}.sensor-readings{gap:12px;gap:var(--spacing-md)}.sensor-actions,.sensor-readings{flex-direction:column}.modal-content{max-height:90vh;max-width:95%}.modal-actions,.modal-body,.modal-header{padding:20px}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-5)}@media (max-width:768px){.modal-body,.modal-footer,.modal-header{padding:16px}}.form-row{gap:16px;grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.btn{width:100%}.notification{left:16px;left:var(--spacing-lg);max-width:calc(100% - 24px);max-width:calc(100% - var(--spacing-2xl));right:16px;right:var(--spacing-lg);top:16px;top:var(--spacing-lg)}}@media (max-width:480px){.sensor-meta{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.sensor-title h4{font-size:15px}.reading-value{font-size:18px}.unpaired-notice{min-height:150px;padding:16px;padding:var(--spacing-lg)}.modal-overlay{padding:10px}.modal-content{border-radius:8px;max-height:95vh;max-width:100%}.modal-header{border-radius:8px 8px 0 0;padding:16px}.modal-header h2,.modal-header h3{font-size:18px}.modal-body{padding:16px}.modal-actions{border-radius:0 0 8px 8px;padding:16px}.form-section{padding:12px}}.btn:focus-visible,.filter-select:focus-visible,.form-input:focus-visible{outline:2px solid #8b4513;outline:2px solid var(--primary-brown);outline-offset:2px}@media (prefers-reduced-motion:reduce){.btn,.modal-content,.modal-overlay,.notification{animation:none;transition:none}}@media print{.modal-overlay,.notification,.sensor-actions,.sensors-controls{display:none}.sensors{background:#fff}.sensor-card{page-break-inside:avoid}}:root{--info-blue:#3b82f6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 4px #00000014;--shadow-lg:0 4px 6px #0000001a}.reports{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;padding:var(--spacing-5)}.reports-loading{color:#6b7280;color:var(--text-secondary);font-size:18px}.reports-empty,.reports-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.reports-empty{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;flex-direction:column;padding:60px 20px;text-align:center}.reports-empty svg{color:#9ca3af;color:var(--text-muted);margin-bottom:16px}.reports-empty h3{color:#111827;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.reports-empty p{color:#6b7280;color:var(--text-secondary);font-size:14px;margin:0 0 20px;max-width:400px}.reports-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:20px;margin-bottom:var(--spacing-5)}.reports-actions{display:flex;gap:12px;gap:var(--spacing-3)}.btn{gap:var(--spacing-sm)}.btn-primary:hover{box-shadow:0 4px 8px #f4c4304d}.btn-secondary{color:var(--white)}.btn-secondary:hover{transform:translateY(-1px)}.reports-filters{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;gap:var(--spacing-5);margin-bottom:20px;margin-bottom:var(--spacing-5);overflow:hidden}.filters-header{background:#fff8eb;background:var(--background-cream);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-yellow);padding:16px 20px;padding:var(--spacing-4) var(--spacing-5)}.filters-header h2{color:#8b4513;color:var(--primary-brown);font-size:18px;font-weight:700;margin:0}.filters-body{display:flex;flex-wrap:wrap;gap:20px;gap:var(--spacing-5);padding:20px;padding:var(--spacing-5)}.filter-group{flex:1 1;flex-direction:column;min-width:200px}.filter-group,.filter-group label{display:flex;gap:8px;gap:var(--spacing-sm)}.filter-group label{align-items:center;color:#111827;color:var(--text-primary);font-size:13px;font-weight:600}.filter-select{-webkit-appearance:none;appearance:none;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:10px 36px 10px 16px;transition:border-color .2s}.stats-grid{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:20px;margin-bottom:var(--spacing-5)}.stat-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;padding:20px;padding:var(--spacing-5);transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--spacing-md)}.stat-label{color:#9ca3af;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#111827;color:var(--text-primary);font-size:36px;font-weight:700;line-height:1;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.stat-footer{color:#9ca3af;color:var(--text-muted);font-size:12px}.report-section{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;margin-bottom:20px;margin-bottom:var(--spacing-5);overflow:hidden}.section-header{align-items:center;background:#fff8eb;background:var(--background-cream);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-yellow);display:flex;justify-content:space-between;padding:16px 20px;padding:var(--spacing-4) var(--spacing-5)}.section-header h3{color:#8b4513;color:var(--primary-brown);font-size:18px;font-weight:700;margin:0}.section-body{padding:20px;padding:var(--spacing-5)}.trend-indicator{align-items:center;border-radius:16px;display:flex;font-size:13px;font-weight:600;gap:8px;gap:var(--spacing-sm);padding:6px 12px}.trend-indicator.trend-up{background:#d1fae5;color:#065f46}.trend-indicator.trend-down{background:#fee2e2;color:#991b1b}.trend-indicator.trend-stable{background:#f3f4f6;color:#4b5563}.stats-row{grid-gap:20px;grid-gap:var(--spacing-5);background:#f9fafb;background:var(--bg-gray-50);border-radius:8px;border-radius:var(--radius-md);display:grid;gap:20px;gap:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;margin-bottom:var(--spacing-5);padding:16px;padding:var(--spacing-4)}.stat-item{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);text-align:center}.stat-item .stat-label{color:#9ca3af;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value-large{color:#111827;color:var(--text-primary);font-size:28px;font-weight:700}.chart-container{margin-top:16px;margin-top:var(--spacing-lg);width:100%}.recharts-cartesian-axis-tick-value{fill:#6b7280;fill:var(--text-secondary);font-size:12px}.recharts-legend-item-text{color:#6b7280!important;color:var(--text-secondary)!important;font-size:13px!important}.recharts-tooltip-wrapper{outline:none}.card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d}.page-container{margin:0 auto;max-width:1400px}@media (max-width:1024px){.reports{padding:16px;padding:var(--spacing-4)}.reports-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--spacing-4)}.reports-actions{width:100%}.reports-actions .btn{flex:1 1}.filters-body{flex-direction:column;gap:16px;gap:var(--spacing-4)}.filter-group{min-width:100%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.filters-body,.reports{padding:16px;padding:var(--spacing-4)}.stats-grid{gap:12px;gap:var(--spacing-3);grid-template-columns:1fr}.stat-value{font-size:28px}.section-body,.section-header{padding:16px;padding:var(--spacing-4)}.section-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--spacing-3)}.stats-row{gap:16px;gap:var(--spacing-4);grid-template-columns:1fr;padding:16px;padding:var(--spacing-4)}.stat-value-large{font-size:24px}.chart-container{overflow-x:auto}.reports-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.stat-card{padding:16px;padding:var(--spacing-4)}.stat-value{font-size:24px}.section-header h3{font-size:16px}.stat-value-large{font-size:20px}}@media print{.reports{background:#fff;padding:0}.reports-actions,.reports-filters{display:none}.report-section{margin-bottom:20px;page-break-inside:avoid}.report-section,.stat-card{border:1px solid #ddd;box-shadow:none}.chart-container{page-break-inside:avoid}}.btn:focus-visible,.filter-select:focus-visible{outline:2px solid #8b4513;outline:2px solid var(--primary-brown);outline-offset:2px}@media (prefers-reduced-motion:reduce){.btn,.filter-select,.stat-card{transition:none}}.reports-loading{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--text-secondary:#6b7280;--text-muted:#9ca3af;--border-light:#e5e7eb}.team-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;padding:var(--spacing-5)}.notification{animation:slideIn .3s ease;background:#fff;border-left:4px solid #f4c430;border-left:4px solid var(--primary-yellow);box-shadow:0 4px 12px #00000026;font-weight:500;padding:16px 20px;right:24px;top:24px}.notification-success{border-left-color:#10b981;border-left-color:var(--success-green)}.notification-error{border-left-color:#ef4444;border-left-color:var(--error-red)}.notification-warning{border-left-color:#f59e0b;border-left-color:var(--warning-orange)}.notification-close{color:#6b7280;color:var(--text-secondary);transition:all .2s}.notification-close:hover{background:#0000000d;color:#111827;color:var(--text-primary)}.team-controls{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;margin-bottom:20px;margin-bottom:var(--spacing-5);overflow:hidden}.controls-header{border-bottom:2px solid var(--primary-yellow)}.form-input{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);flex:1 1;font-size:14px;min-width:200px;padding:10px 16px;transition:all .2s}.form-input:focus{border-color:#8b4513;border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a;outline:none}.filter-select{border:1px solid var(--border-light);min-width:140px;padding:10px 16px}.btn{font-weight:600;justify-content:center;padding:10px 20px}.btn-primary{background:var(--primary-yellow)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #f4c4304d}.btn-secondary{background:var(--text-secondary)}.team-list{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;overflow:hidden}.team-list-header{grid-gap:16px;align-items:center;background:#fff8eb;background:var(--background-cream);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-yellow);display:grid;gap:16px;grid-template-columns:220px 240px 130px 100px 130px 130px 140px;padding:16px 20px;padding:var(--spacing-4) var(--spacing-5)}.header-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-list-body{display:flex;flex-direction:column}.team-list-row{grid-gap:16px;align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:grid;gap:16px;grid-template-columns:220px 240px 130px 100px 130px 130px 140px;padding:16px 20px;padding:var(--spacing-4) var(--spacing-5);transition:all .2s}.team-list-row:hover{background:#f9fafb;background:var(--bg-gray-50)}.team-list-row:last-child{border-bottom:none}.team-list-row.current-user{background:linear-gradient(90deg,#fffbeb 0,#fff);border-left:4px solid #f4c430;border-left:4px solid var(--primary-yellow);padding-left:16px;padding-left:calc(var(--spacing-5) - 4px)}.team-list-row.current-user:hover{background:linear-gradient(90deg,#fef3c7 0,#f9fafb);background:linear-gradient(to right,#fef3c7 0,var(--bg-gray-50) 100%)}.list-cell{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;min-width:0;overflow:hidden}.name-cell{color:#111827;color:var(--text-primary);font-weight:600}.clickable{border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;margin:-4px -8px;padding:4px 8px;transition:all .2s}.clickable:hover{background:#f4c4301a}.member-name-display{align-items:center;display:flex;gap:8px;min-width:0;overflow:hidden}.member-name{flex:1 1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{background:#8b4513;background:var(--primary-brown);border-radius:12px;color:#fff;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.email-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-cell svg{flex-shrink:0}.activity-cell,.email-text,.joined-cell,.role-cell,.status-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-cell svg{flex-shrink:0}.activity-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-avatar,.member-avatar-placeholder{border:2px solid #f4c430;border:2px solid var(--primary-yellow);border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.member-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#f4c430,#f7d794);background:linear-gradient(135deg,var(--primary-yellow),#f7d794);color:#8b4513;color:var(--primary-brown);display:flex;font-size:16px;font-weight:700;justify-content:center}.role-badge{flex-shrink:0;font-weight:600;padding:4px 10px;white-space:nowrap}.role-badge.owner{background:#8b4513;color:#fff}.role-badge.worker{background:#d97706;color:#fff}.status-badge{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.actions-cell{justify-content:flex-end}.action-buttons{gap:6px;justify-content:flex-end}.action-buttons,.btn-icon{display:flex;flex-shrink:0}.btn-icon{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:6px;transition:all .2s}.btn-icon:hover{background:#f4c4301a;color:#8b4513;color:var(--primary-brown)}.btn-icon-danger:hover{background:#ef44441a;color:#ef4444;color:var(--error-red)}.team-empty{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);font-size:16px;padding:60px 20px;text-align:center}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:94vh;max-width:700px;width:100%}.user-profile-modal{max-width:800px}.modal-header{background:linear-gradient(180deg,#fff8eb,#fff);background:linear-gradient(to bottom,var(--background-cream),var(--white));border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-yellow);border-radius:8px 8px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;flex-shrink:0;justify-content:space-between;padding:16px 20px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#8b4513;color:var(--primary-brown);font-size:18px;font-weight:700;gap:12px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#8b45131a;color:#8b4513;color:var(--primary-brown)}.modal-body{flex:1 1;overflow-y:auto;padding:0}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#fff8eb;background:var(--background-cream);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#f4c430;background:var(--primary-yellow);border-radius:3px}.modal-footer{background:linear-gradient(0deg,#fff8eb,#fff);background:linear-gradient(to top,var(--background-cream),var(--white));border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 20px}.profile-header{gap:1.5rem;padding:1.5rem}.profile-picture-large,.profile-picture-placeholder-large{height:100px;width:100px}.profile-picture-placeholder-large{font-size:2.5rem}.profile-header-info{flex:1 1;min-width:0}.profile-header-info h2{font-size:1.75rem;gap:.75rem;margin:0 0 .5rem}.profile-details{padding:1.5rem}.profile-section{margin-bottom:1.25rem}.profile-section h3{font-size:1rem;margin:0 0 .75rem}.profile-info-grid{grid-gap:1rem;gap:1rem}.profile-info-item{gap:.75rem}.profile-info-item label{font-size:.75rem;letter-spacing:.5px}.profile-info-item span{font-size:.95rem}.member-info-text{background:#fff8eb;background:var(--background-cream);border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);font-size:14px;margin:0;padding:16px 20px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:0 20px}.form-group:first-child{margin-top:16px}.password-input-group{display:flex;gap:8px}@media (max-width:768px){.modal-overlay{padding:8px}.modal-content{max-height:96vh;max-width:calc(100% - 16px);width:calc(100% - 16px)}.modal-footer,.modal-header{padding:14px 16px}.modal-footer{flex-direction:column-reverse;gap:10px}.modal-footer .btn{width:100%}.profile-header{flex-direction:column;padding:1.25rem;text-align:center}.profile-details{padding:1.25rem}.profile-info-grid{gap:1rem;grid-template-columns:1fr}.form-group{padding:0 16px}}@media (max-width:480px){.modal-overlay{padding:4px}.modal-content{max-height:97vh;max-width:calc(100% - 8px);width:calc(100% - 8px)}.profile-details,.profile-header{padding:1rem}.form-group{padding:0 12px}}.modal-overlay.team-modal-overlay,.team-page .modal-overlay{padding:16px}.modal-content.team-modal-content,.team-page .modal-content{max-height:94vh;max-width:700px;width:100%}.team-page .user-profile-modal,.user-profile-modal.team-modal-content{max-width:800px}.modal-body.team-modal-body,.team-page .modal-body{padding:0}.profile-details.team-profile-details,.profile-header.team-profile-header,.team-page .profile-details,.team-page .profile-header{padding:1.5rem}@media (max-width:768px){.modal-overlay.team-modal-overlay,.team-page .modal-overlay{padding:8px}.modal-content.team-modal-content,.team-page .modal-content{max-height:96vh;max-width:calc(100% - 16px);width:calc(100% - 16px)}.profile-details.team-profile-details,.profile-header.team-profile-header,.team-page .profile-details,.team-page .profile-header{padding:1.25rem}}.user-profile-modal{max-width:700px}.profile-header{align-items:center;background:linear-gradient(135deg,#fff8eb,#fef3c7);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-yellow);border-radius:8px 8px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;gap:2rem;padding:2rem}.profile-picture-large,.profile-picture-placeholder-large{border:4px solid #f4c430;border:4px solid var(--primary-yellow);border-radius:50%;flex-shrink:0;height:120px;width:120px}.profile-picture-large{object-fit:cover}.profile-picture-placeholder-large{background:linear-gradient(135deg,#f4c430,#f7d794);background:linear-gradient(135deg,var(--primary-yellow),#f7d794);font-size:3rem;font-weight:700;justify-content:center}.profile-header-info h2,.profile-picture-placeholder-large{align-items:center;color:#8b4513;color:var(--primary-brown);display:flex}.profile-header-info h2{flex-wrap:wrap;font-size:2rem;gap:1rem;margin:0 0 .75rem}.profile-details{padding:2rem}.profile-section{margin-bottom:2rem}.profile-section:last-child{margin-bottom:0}.profile-section h3{border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-yellow);color:#8b4513;color:var(--primary-brown);font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.profile-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.profile-info-item{display:flex;gap:1rem}.profile-info-item svg{color:#f4c430;color:var(--primary-yellow);flex-shrink:0;margin-top:.25rem}.profile-info-item label{color:#6b7280;color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:.25rem;text-transform:uppercase}.profile-info-item span{color:#111827;color:var(--text-primary);display:block}.status-indicator{align-items:center;display:flex}.status-dot{border-radius:50%;display:inline-block;height:10px;margin-right:8px;width:10px}.status-dot.active{background:#22c55e;box-shadow:0 0 8px #22c55e66}.status-dot.pending{background:#eab308;box-shadow:0 0 8px #eab30866}@media (max-width:1200px){.team-list-header,.team-list-row{gap:12px;grid-template-columns:180px 200px 110px 90px 110px 110px 120px}}@media (max-width:1024px){.team-page{padding:16px;padding:var(--spacing-4)}.controls-main{align-items:stretch;flex-direction:column}.btn,.filter-select,.form-input{min-width:100%;width:100%}}@media (max-width:768px){.team-page{padding:16px}.team-list-header{display:none}.team-list-row{gap:12px;grid-template-columns:1fr}.list-cell:before{color:#8b4513;color:var(--primary-brown);content:attr(data-label);font-size:11px;font-weight:700;margin-right:auto;text-transform:uppercase}.list-cell{justify-content:space-between}.actions-cell:before{content:""}.modal-content{max-width:calc(100% - 20px);width:calc(100% - 20px)}.modal-body,.modal-header{padding:12px}.modal-footer{flex-direction:column-reverse;padding:12px}.notification{left:10px;min-width:auto;right:10px}.profile-header{flex-direction:column;text-align:center}.profile-info-grid{grid-template-columns:1fr}}.btn-icon:focus-visible,.btn:focus-visible,.form-input:focus-visible{outline:2px solid #8b4513;outline:2px solid var(--primary-brown);outline-offset:2px}:root{--radius-lg:12px}.alerts-page-improved{background:#f8fafc;margin:0 auto;max-width:1400px;max-width:var(--container-lg);min-height:100vh;padding:20px;padding:var(--spacing-5)}.notification{box-shadow:var(--shadow-lg)}.alerts-controls{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;margin-bottom:20px;margin-bottom:var(--spacing-5);overflow:hidden}.controls-header{background:#fff8eb;background:var(--background-cream);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-color);padding:16px 20px;padding:var(--spacing-4) var(--spacing-5)}.controls-header h2{color:#8b4513;color:var(--primary-brown);font-size:18px;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-bold);margin:0}.controls-body{padding:20px;padding:var(--spacing-5)}.controls-main{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-3)}.time-buttons{display:flex;flex:0 0 auto;gap:8px;gap:var(--spacing-2)}.btn-time{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:6px;border-radius:var(--radius-sm);color:#374151;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-medium);gap:6px;padding:12px;padding:var(--spacing-3);transition:all .2s ease;white-space:nowrap}.btn-time:hover{background:#fff8eb;background:var(--background-cream)}.btn-time.active,.btn-time:hover{border-color:#f4c430;border-color:var(--primary-color);color:#8b4513;color:var(--primary-brown)}.btn-time.active{background:#f4c430;background:var(--primary-color);font-weight:700;font-weight:var(--font-bold)}.filter-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:6px;border-radius:var(--radius-sm);color:#374151;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-size:var(--font-size-sm);max-width:200px;min-width:150px;padding:12px;padding:var(--spacing-3);transition:all .2s}.filter-select:focus{border-color:#8b4513;border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a;outline:none}.btn{flex:0 0 auto}.btn-primary:hover{background:#f4d03f;transform:translateY(-1px)}.btn-secondary:hover{background:#4b5563}.summary-cards{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);margin-bottom:20px;margin-bottom:var(--spacing-5)}.summary-card{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border-left:4px solid #f4c430;border:1px solid var(--border-gray);border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;padding:var(--spacing-5);transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.summary-card:first-child{border-left-color:#ef4444;border-left-color:var(--error-red)}.summary-card:nth-child(2){border-left-color:#f59e0b;border-left-color:var(--warning-orange)}.summary-card:nth-child(3){border-left-color:#3b82f6}.summary-card:nth-child(4){border-left-color:#10b981;border-left-color:var(--success-green)}.summary-card.critical{border-left-color:#ef4444;border-left-color:var(--error-red)}.summary-card.warning{border-left-color:#f59e0b;border-left-color:var(--warning-orange)}.summary-card.info{border-left-color:#3b82f6}.summary-card.resolved{border-left-color:#10b981;border-left-color:var(--success-green)}.summary-label{color:#6b7280;color:var(--text-muted);display:block;font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-2);text-transform:uppercase}.summary-value{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:32px;font-weight:700;font-weight:var(--font-bold);gap:8px;gap:var(--spacing-2);line-height:1}.summary-value svg{flex-shrink:0}@media (max-width:1024px){.summary-cards{gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.summary-cards{gap:12px;gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.summary-card{min-height:100px;padding:16px;padding:var(--spacing-4)}.summary-value{font-size:24px}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}}.alerts-table-container{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;overflow:hidden}.table-header{grid-gap:20px;align-items:center;background:#fff8eb;background:var(--background-cream);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-color);display:grid;gap:20px;grid-template-columns:160px 80px 1fr 120px 140px 120px 150px;padding:16px 20px;padding:var(--spacing-4) var(--spacing-5)}.header-cell{color:#8b4513;color:var(--primary-brown);font-size:12px;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-bold);letter-spacing:.5px;text-transform:uppercase}.table-body{max-height:600px;overflow-y:auto}.alert-row{grid-gap:20px;align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);border-left:4px solid #0000;display:grid;gap:20px;grid-template-columns:160px 80px 1fr 120px 140px 120px 150px;padding:16px 20px;padding:var(--spacing-4) var(--spacing-5);transition:all .2s}.alert-row:hover{background:#f9fafb;background:var(--bg-gray-50)}.alert-row:last-child{border-bottom:none}.alert-row.critical{border-left-color:#ef4444;border-left-color:var(--error-red)}.alert-row.warning{border-left-color:#f59e0b;border-left-color:var(--warning-orange)}.alert-row.info{border-left-color:#3b82f6}.alert-row.resolved{background:#f9fafb;background:var(--bg-gray-50);opacity:.6}.cell{color:#374151;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm)}.cell-datetime{display:flex;flex-direction:column;gap:2px}.cell-date{color:#111827;color:var(--text-primary);font-weight:500;font-weight:var(--font-medium)}.cell-time{color:#6b7280;color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs)}.cell-type{align-items:center;background:#fff8eb;background:var(--background-cream);border-radius:6px;border-radius:var(--radius-sm);color:#8b4513;color:var(--primary-brown);display:flex;height:40px;justify-content:center;width:40px}.cell-sensor{color:#111827;color:var(--text-primary);font-weight:500;font-weight:var(--font-medium)}.cell-sensor-id{color:#6b7280;color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs);margin-top:2px}.severity-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;font-weight:var(--font-bold);letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.severity-badge.critical{background:#ef4444;background:var(--error-red);color:#fff}.severity-badge.warning{background:#f59e0b;background:var(--warning-orange);color:#fff}.severity-badge.info{background:#3b82f6;color:#fff}.cell-value{color:#111827;color:var(--text-primary);font-weight:500;font-weight:var(--font-medium)}.cell-threshold{color:#6b7280;color:var(--text-muted);margin-top:2px}.cell-threshold,.status-badge{font-size:12px;font-size:var(--font-size-xs)}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-weight:500;font-weight:var(--font-medium);gap:4px;padding:4px 10px}.status-badge.active{background:#ef44441a;color:#ef4444;color:var(--error-red)}.status-badge.resolved{background:#10b9811a;color:#10b981;color:var(--success-green)}.cell-actions{align-items:stretch;display:flex;flex-direction:column;gap:6px}.btn-view{align-items:center;background:#f4c430;background:var(--primary-color);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#8b4513;color:var(--primary-brown);cursor:pointer;display:inline-flex;font-size:12px;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-bold);gap:4px;justify-content:center;padding:6px 12px;text-decoration:none;transition:all .2s}.btn-view:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-resolve{background:#374151;background:var(--text-secondary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-medium);padding:6px 12px;transition:all .2s}.btn-resolve:hover{background:#4b5563}.no-alerts{color:#6b7280;color:var(--text-muted);padding:40px 20px;padding:var(--spacing-10) var(--spacing-5);text-align:center}.no-alerts p{font-size:16px;font-size:var(--font-size-base);margin:0 0 16px;margin:0 0 var(--spacing-4) 0}@media (max-width:1024px){.alerts-page-improved{padding:16px;padding:var(--spacing-4)}.summary-cards{grid-template-columns:repeat(2,1fr)}.controls-main{align-items:stretch;flex-direction:column}.time-buttons{width:100%}.btn-time{flex:1 1;justify-content:center}.filter-select{max-width:100%;width:100%}.btn{width:100%}.alert-row,.table-header{gap:12px;grid-template-columns:120px 60px 1fr 100px 120px 100px 120px}}@media (max-width:768px){.alerts-page-improved,.controls-body{padding:16px;padding:var(--spacing-4)}.summary-cards{gap:12px;gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.summary-card{min-height:100px;padding:16px;padding:var(--spacing-4)}.summary-value{font-size:24px}.table-header{display:none}.alert-row{gap:12px;gap:var(--spacing-3);grid-template-columns:1fr;padding:16px;padding:var(--spacing-4)}.cell:before{color:#8b4513;color:var(--primary-brown);content:attr(data-label);display:block;font-size:12px;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-bold);margin-bottom:4px;text-transform:uppercase}.cell-actions{width:100%}.btn-resolve,.btn-view{justify-content:center;width:100%}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.time-buttons{flex-direction:column}.btn-time{width:100%}}.table-body::-webkit-scrollbar{width:8px}.table-body::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-gray);border-radius:4px}.table-body::-webkit-scrollbar-thumb{background:#f4c430;background:var(--primary-color);border-radius:4px}.table-body::-webkit-scrollbar-thumb:hover{background:#f5d03f}:root{--primary-brown:#8b4513;--primary-yellow:#f4c430;--primary-color:#f4c430;--background-cream:#fff8eb;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-light:#9ca3af;--success-green:#10b981;--error-red:#ef4444;--warning-orange:#f59e0b;--border-light:#f3f4f6;--border-gray:#e5e7eb;--white:#fff;--bg-white:#fff;--bg-gray:#f9fafb;--bg-gray-50:#f9fafb;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-10:40px;--radius-sm:6px;--radius-md:8px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:28px;--font-medium:500;--font-bold:700;--container-lg:1400px}.profile-page{background:#f8fafc;margin:0 auto;max-width:1400px;max-width:var(--container-lg);min-height:100vh;padding:20px;padding:var(--spacing-5)}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a;display:flex;gap:12px;gap:var(--spacing-3);min-width:300px;padding:16px;padding:var(--spacing-4);position:fixed;right:20px;top:20px;z-index:1000}.notification-success{background:#10b981;background:var(--success-green);border-left:4px solid #059669;color:#fff}.notification-error{background:#ef4444;background:var(--error-red);border-left:4px solid #dc2626;color:#fff}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;margin-left:auto;transition:background-color .2s;width:24px}.notification-close:hover{background-color:#fff3}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.profile-header-card{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;margin-bottom:20px;margin-bottom:var(--spacing-5);overflow:hidden}.profile-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-6);padding:24px;padding:var(--spacing-6)}.profile-picture-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:16px;gap:var(--spacing-4)}.profile-picture-upload-area{border:4px solid #f4c430;border:4px solid var(--primary-yellow);border-radius:50%;cursor:pointer;height:160px;overflow:hidden;position:relative;transition:all .3s ease;width:160px}.profile-picture-upload-area.dragging{border-color:#8b4513;border-color:var(--primary-brown);box-shadow:0 8px 24px #8b45134d;transform:scale(1.05)}.picture-upload-input{display:none}.profile-picture,.profile-picture-placeholder{display:block;height:100%;object-fit:cover;width:100%}.profile-picture-placeholder{align-items:center;background:linear-gradient(135deg,#f4c430,#f7d794);background:linear-gradient(135deg,var(--primary-yellow),#f7d794);display:flex;justify-content:center}.placeholder-icon{color:#8b4513;color:var(--primary-brown);font-size:64px;font-weight:700;font-weight:var(--font-bold)}.picture-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-2);justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile-picture-upload-area:hover .picture-overlay{opacity:1}.picture-overlay span{font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-medium)}.upload-hint{color:#374151;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-xs);margin:0;max-width:160px;text-align:center}.profile-info-section{flex:1 1;min-width:0}.profile-name{color:#111827;color:var(--text-primary);font-size:28px;font-size:var(--font-size-2xl);margin:0 0 8px;margin:0 0 var(--spacing-2) 0}.profile-name,.role-badge{font-weight:700;font-weight:var(--font-bold)}.role-badge{border-radius:12px;display:inline-block;font-size:11px;letter-spacing:.5px;margin-bottom:12px;margin-bottom:var(--spacing-3);padding:6px 12px;text-transform:uppercase}.role-badge.admin,.role-badge.owner{background:#8b4513;background:var(--primary-brown);color:#fff}.role-badge.manager{background:#f59e0b;background:var(--warning-orange);color:#fff}.role-badge.user,.role-badge.worker{background:#d97706;color:#fff}.profile-meta{flex-direction:column}.meta-item,.profile-meta{display:flex;gap:8px;gap:var(--spacing-2)}.meta-item{align-items:center;color:#6b7280;color:var(--text-muted);font-size:14px;font-size:var(--font-size-sm)}.meta-item svg{color:#f4c430;color:var(--primary-color);flex-shrink:0}.profile-content-grid{grid-gap:20px;grid-gap:var(--spacing-5);display:grid;gap:20px;gap:var(--spacing-5);grid-template-columns:1fr 1fr}.profile-card{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:transform .2s,box-shadow .2s}.profile-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.permissions-card{grid-column:1/-1}.card-header{background:#fff8eb;background:var(--background-cream);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-color);justify-content:space-between;min-height:56px;padding:16px 20px;padding:var(--spacing-4) var(--spacing-5)}.card-header,.card-title{align-items:center;display:flex}.card-title{gap:8px;gap:var(--spacing-2)}.card-title h3{color:#8b4513;color:var(--primary-brown);font-size:18px;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-bold);line-height:1.2;margin:0}.card-title svg{color:#f4c430;color:var(--primary-color);flex-shrink:0}.card-body{padding:20px;padding:var(--spacing-5)}.profile-display,.profile-form{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-4)}.info-item{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-1)}.info-item label{color:#6b7280;color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.info-item label,.info-value{font-weight:500;font-weight:var(--font-medium)}.info-value{align-items:center;background:#f9fafb;background:var(--bg-gray-50);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text-primary);display:flex;font-size:16px;font-size:var(--font-size-base);gap:8px;gap:var(--spacing-2);padding:12px;padding:var(--spacing-3)}.permissions-grid{grid-gap:12px;grid-gap:var(--spacing-3);display:grid;gap:12px;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.card-body{padding:16px;padding:var(--spacing-4)}}@media (max-width:480px){.card-body{padding:12px;padding:var(--spacing-3)}}.profile-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-gray);display:flex;gap:12px;gap:var(--spacing-3);justify-content:flex-end;padding-top:16px;padding-top:var(--spacing-4)}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-medium);gap:8px;gap:var(--spacing-2);padding:12px 16px;padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease;white-space:nowrap}.btn-sm{font-size:13px;padding:8px 16px}.btn-primary{background:#f4c430;background:var(--primary-color);color:#8b4513;color:var(--primary-brown)}.btn-primary:hover:not(:disabled){background:#f4d03f;transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.btn-danger{background:#ef4444;background:var(--error-red);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6}.loading-message{color:#6b7280;color:var(--text-muted);font-size:16px;font-size:var(--font-size-base);padding:40px;padding:var(--spacing-10);text-align:center}@media (max-width:1024px){.profile-content-grid{grid-template-columns:1fr}.permissions-card{grid-column:1}}@media (max-width:768px){.profile-header-content,.profile-page{padding:16px;padding:var(--spacing-4)}.profile-header-content{align-items:center;flex-direction:column;gap:16px;gap:var(--spacing-4)}.profile-info-section{text-align:center;width:100%}.profile-name{font-size:24px;word-break:break-word}.profile-meta{align-items:center}.meta-item{flex-wrap:wrap;font-size:13px;justify-content:center}.profile-picture-upload-area{height:120px;width:120px}.placeholder-icon{font-size:48px}.card-header{align-items:stretch;flex-direction:column;gap:12px;gap:var(--spacing-3)}.card-header .btn{width:100%}.notification{left:10px;min-width:auto;right:10px;top:10px}.permissions-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column}}@media (max-width:480px){.profile-header-content,.profile-page{padding:12px;padding:var(--spacing-3)}.profile-name{font-size:20px}.profile-picture-upload-area{height:100px;width:100px}.placeholder-icon{font-size:40px}}.btn:focus-visible,.form-input:focus-visible{outline:2px solid #8b4513;outline:2px solid var(--primary-brown);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/*# sourceMappingURL=main.93a55181.css.map*/