*{margin:0;padding:0}body{color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.landing-page{filter:none;overflow-x:hidden;transition:filter .3s ease;width:100%}.landing-page.menu-open>:not(.landing-header):not(.mobile-menu):not(.mobile-overlay){filter:blur(3px)}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;box-shadow:0 1px 3px #0000001a;filter:none!important;min-height:90px;padding:1rem 0;position:fixed;top:0;transition:padding .3s ease;width:100%;z-index:1000}.landing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.landing-nav .logo img{height:60px}.nav-buttons{align-items:center;display:flex;gap:1rem}.burger-menu{background:none;border:none;cursor:pointer;display:none;filter:none!important;flex-direction:column;gap:5px;padding:.5rem;z-index:1600}.burger-menu div{background:#8b4513;background:var(--primary-brown);border-radius:3px;height:3px;transition:all .3s ease;width:25px}.btn{font-family:inherit;font-size:.95rem;font-weight:600;padding:.7rem 1.5rem}.btn-primary{background:var(--primary-yellow);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 #8b4513;border:2px solid var(--primary-brown);color:#8b4513;color: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:90px;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;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%}.solution-section-modern{background:#fff8eb;background:var(--background-cream);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;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);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;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);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;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);color:#fff;padding:3rem 2rem 1.5rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1200px}.footer-logo img{filter:none;height:70px;margin-bottom:1rem}.footer-section h3{color:#f4c430;color:var(--primary-yellow);font-size:1.1rem;font-weight:700;margin-bottom:1rem}.footer-section a,.footer-section p{color:#fffc;display:block;font-size:.95rem;line-height:1.6;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#f4c430;color:var(--primary-yellow)}.footer-bottom{border-top:1px solid #fff3;color:#fff9;font-size:.9rem;padding-top:2rem;text-align:center}.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{box-shadow:0 20px 60px #0000004d;padding:3rem;position:relative;width:90%}.modal-close{color:#6b7280;color:var(--text-muted);font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.modal-close:hover{background:#f3f4f6}.modal h2{color:#8b4513;color:var(--primary-brown);font-weight:700;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input{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{border-color:#8b4513;border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a;outline:none}.mobile-overlay{filter:none!important;height:100vh;opacity:0;pointer-events:none;transition:opacity .3s ease;width:100%;z-index:1400}.mobile-overlay.active{display:block;opacity:1;pointer-events:auto}.mobile-menu{background:#fff;box-shadow:-4px 0 20px #0000001a;filter:none!important;-webkit-filter:none!important;height:100vh;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.active{right:0}.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;border-top:1px solid var(--border-gray);display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem}.mobile-cta-section .btn{padding:1.2rem 1.5rem;width:100%}@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{align-items:center;background:#fff;display:flex;min-height:110px;padding:0}.hero-modern{margin-top:110px}.landing-nav{height:100%;justify-content:space-between;padding:0 1.5rem}.landing-nav,.landing-nav .logo{align-items:center;display:flex;position:relative}.landing-nav .logo{flex-shrink:0;left:auto;transform:none}.nav-buttons{display:none}.burger-menu{display:flex;flex-shrink:0;margin-left:1rem;position:relative;right:auto}.logo img{height:70px!important}.btn{font-size:1rem;padding:1.2rem 1.5rem!important}.btn-large{font-size:1.1rem;padding:1.2rem 2.5rem!important}.mobile-cta-section .btn{padding:1.2rem 1.5rem;width:100%}.hero-cta-modern .btn{padding:1.2rem 1.5rem!important}.cta-section-modern .btn,.hero-cta-modern .btn-large{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}}@media (max-width:480px){.landing-header{align-items:center;background:#fff;display:flex;min-height:100px;padding:0}.hero-modern{margin-top:100px}.landing-nav{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 1rem;position:relative}.landing-nav .logo{flex-shrink:0;left:auto;position:relative;transform:none}.burger-menu{flex-shrink:0;margin-left:.75rem;position:relative;right:auto}.logo img{height:60px!important}.product-scroll-container{padding:2rem 5vw}.product-card{max-width:90vw;min-width:90vw;scroll-snap-align:center}.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}}:root{--header-height:80px;--sidebar-width:250px;--primary-yellow:#f5c842;--text-primary:#1f2937;--info-blue:#3b82f6;--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{margin:0 auto;max-width:1024px;max-width:var(--container-lg);padding:16px;padding:var(--spacing-4)}.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 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.btn{border-radius:4px;padding:12px 20px}.btn-primary:hover{background:#f1b82d}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}.grid{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-input{border-radius:4px}@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{display:flex;height:100vh}.app-layout{display:flex;width:100%}.main-content{display:flex;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)}.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-6)}@media (max-width:768px){.main-content,.main-content.sidebar-collapsed{margin-left:0}}:root{--text-muted:#9ca3af;--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{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;min-height:80px;padding:1.5rem 1rem;position:relative}.sidebar.collapsed .sidebar-header:after{animation:pulse 2s infinite;color:#9ca3af;color:var(--text-muted);content:"→";font-size:1.2rem;opacity:.5;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sidebar.collapsed:before{display:none}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.logo-container{flex:1 1;min-height:80px}.hayguard-logo,.logo-container{align-items:center;display:flex;justify-content:center}.hayguard-logo{height:100%;transition:all .3s ease}.hayguard-logo.collapsed{height:50px;width:50px}.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)}.logo-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;height:50px;justify-content:center;overflow:hidden;transition:all .2s ease;width:50px}.logo-avatar img{height:100%;object-fit:cover;width:100%}.sidebar.collapsed:hover .logo-avatar{box-shadow:0 4px 12px #00000040;transform:scale(1.05)}.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-section{margin-bottom:2rem}.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}.sidebar-footer-collapsed{margin-top:auto;padding:1rem;text-decoration:none}.farm-icon-collapsed,.sidebar-footer-collapsed{align-items:center;display:flex;justify-content:center}.farm-icon-collapsed{background:#f4c430;background:var(--primary-yellow);border-radius:8px;color:#8b4513;color:var(--primary-brown);cursor:pointer;height:40px;transition:all .2s ease;width:40px}.farm-icon-collapsed:hover{background:#f4d03f;box-shadow:0 4px 8px #f4c4304d;transform:translateY(-2px)}.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}.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;width:40px}.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 .nav-text,.sidebar.collapsed .sidebar-footer{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 .nav-text,.sidebar.collapsed .sidebar-footer{opacity:0;transform:translateX(-10px)}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed .nav-item:after,.sidebar.collapsed .nav-item:before,.sidebar.collapsed .sidebar-header:after,.sidebar.collapsed:before{display:none}.mobile-menu-button,.mobile-overlay{display:block}.sidebar-close{background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:block!important;padding:8px;transition:all .2s ease}.sidebar-close:hover{background:#fff8eb;background:var(--background-cream);color:#8b4513;color:var(--primary-brown)}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (min-width:1025px){.mobile-menu-button,.mobile-overlay{display:none}.desktop-only{display:block!important}.mobile-only{display:none!important}}.mobile-menu-button:focus,.nav-item:focus,.sidebar-toggle:focus{outline:2px solid #f4c430;outline:2px solid var(--primary-yellow);outline-offset:2px}@media (prefers-contrast:high){.sidebar{border-right-color:#111827;border-right-color:var(--text-primary)}.nav-item.active{background:#111827;background:var(--text-primary);color:#fff}}.profile-dropdown{position:relative;z-index:1000}.profile-trigger{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:all .2s ease}.profile-trigger:hover{background:var(--bg-gray-50);transform:translateY(-1px)}.profile-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-medium);white-space:nowrap}.dropdown-arrow{color:var(--text-secondary);font-size:10px;margin-left:var(--spacing-1);transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:dropdownSlide .2s ease-out;background:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:var(--bg-gray-50);border-bottom:1px solid var(--border-gray);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.user-info{flex:1 1;min-width:0}.user-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-semibold)}.user-email,.user-name{margin:0 0 var(--spacing-1) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--text-secondary)}.user-email,.user-role{font-size:var(--font-size-xs)}.user-role{background:#f4c4301a;border-radius:var(--radius-sm);color:var(--primary-brown);display:inline-block;font-weight:var(--font-medium);margin:0;padding:2px 6px}.dropdown-items{padding:var(--spacing-2) 0}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background:var(--bg-gray-50);color:var(--text-primary)}.dropdown-divider{background:var(--border-gray);height:1px;margin:var(--spacing-2) 0}.logout-btn{color:var(--error-red);font-weight:var(--font-medium)}.logout-btn:hover{background:#fee2e2;color:var(--error-red)}@media (max-width:768px){.profile-name{display:none}.dropdown-menu{min-width:260px;right:-20px}.profile-trigger{padding:var(--spacing-2)}}@media (max-width:480px){.dropdown-menu{left:-40px;min-width:auto;right:-40px;width:calc(100vw - 80px)}}.profile-trigger:focus{outline:2px solid var(--primary-color);outline-offset:2px}.dropdown-item:focus{background:var(--bg-gray-50);outline:none}.header{align-items:center;background:var(--bg-white);border-bottom:1px solid var(--border-gray);box-shadow:var(--shadow-sm);display:flex;height:80px;height:var(--header-height,80px);justify-content:space-between;padding:0 var(--spacing-5);position:-webkit-sticky;position:sticky;top:0;z-index:100}.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-menu-btn{display:flex}.header{padding:0 var(--spacing-3)}.header-right{gap:var(--spacing-2)}.notification-bell{padding:var(--spacing-2)}}@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;background:linear-gradient(135deg,#f4c430,#f4d03f);background:linear-gradient(135deg,var(--primary-color) 0,#f4d03f 100%);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 12px #f4c4304d;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--spacing-5);padding:20px;padding:var(--spacing-5)}.system-health-content{align-items:center;display:flex;gap:16px;gap:var(--spacing-4)}.system-health-icon{align-items:center;background:#ffffff4d;border-radius:50%;color:#8b4513;color:var(--primary-brown);display:flex;height:60px;justify-content:center;width:60px}.system-health-info{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-1)}.system-health-label{color:#8b4513;color:var(--primary-brown);font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px;opacity:.9;text-transform:uppercase}.system-health-value{color:#8b4513;color:var(--primary-brown);font-size:36px;font-weight:700;font-weight:var(--font-bold);line-height:1}.system-health-description{color:#8b4513;color:var(--primary-brown);font-size:14px;font-size:var(--font-size-sm);margin-top:4px;margin-top:var(--spacing-1);opacity:.8}.health-status-indicator{align-items:flex-end;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-2)}.health-status-badge{background:#ffffffe6;border-radius:6px;border-radius:var(--radius-sm);color:#8b4513;color:var(--primary-brown);font-size:14px;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-bold);padding:8px 16px;padding:var(--spacing-2) var(--spacing-4)}.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-card.no-link{cursor:default}.kpi-card.no-link:hover{box-shadow:0 1px 3px #0000000d;transform:none}.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-filters{display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-3);margin-bottom:16px;margin-bottom:var(--spacing-4)}.filter-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}.filter-select{padding:8px 12px;padding:var(--spacing-2) var(--spacing-3)}.chart-container{height:300px;width:100%}.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:#10b981}.reading-time-cell{color:#9ca3af;color:var(--text-light);font-size:12px;font-size:var(--font-size-xs)}.weather-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-4);padding-bottom:12px;padding-bottom:var(--spacing-3)}.weather-type-toggle{display:flex;gap:8px;gap:var(--spacing-2)}.weather-toggle-btn{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;font-size:12px;font-size:var(--font-size-xs);padding:4px 12px;padding:var(--spacing-1) var(--spacing-3);transition:all .2s}.weather-toggle-btn.active{background:#f4c430;background:var(--primary-color);border-color:#f4c430;border-color:var(--primary-color);color:#8b4513;color:var(--primary-brown);font-weight:500;font-weight:var(--font-medium)}.weather-toggle-btn:hover:not(.active){background:#f9fafb;background:var(--bg-gray-50)}.weather-stats{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:1fr 1fr}.weather-stat{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-1)}.weather-stat-label{color:#6b7280;color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs);letter-spacing:.3px;text-transform:uppercase}.weather-stat-value{color:#111827;color:var(--text-primary);font-size:24px;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-bold)}.weather-forecast{border-top:1px solid #f3f4f6;border-top:1px solid var(--border-light);margin-top:16px;margin-top:var(--spacing-4);padding-top:16px;padding-top:var(--spacing-4)}.forecast-days{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-2)}.forecast-day{align-items:center;border-radius:6px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:8px;padding:var(--spacing-2);transition:background .2s}.forecast-day:hover{background:#f9fafb;background:var(--bg-gray-50)}.forecast-date{color:#374151;color:var(--text-secondary);font-weight:500;font-weight:var(--font-medium)}.forecast-date,.forecast-temp{font-size:14px;font-size:var(--font-size-sm)}.forecast-temp{color:#111827;color:var(--text-primary)}.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}.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);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){.dashboard-content{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-page{padding:16px;padding:var(--spacing-4)}.system-health-banner{flex-direction:column;text-align:center}.system-health-content{flex-direction:column}.health-status-indicator{align-items:center}.kpi-grid{grid-template-columns:repeat(2,1fr)}.chart-filters{flex-direction:column}.filter-select{width:100%}.readings-table{display:block;overflow-x:auto}.weather-stats{grid-template-columns:1fr}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}.kpi-value,.system-health-value{font-size:28px}.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}}.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(auto-fit,minmax(200px,1fr));margin-bottom:20px;margin-bottom:var(--spacing-5)}.stat-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;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-label{color:#6b7280;font-size:12px;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-2);text-transform:uppercase}.stat-value{align-items:center;color:#111827;display:flex;font-size:28px;font-weight:700;gap:8px;gap:var(--spacing-2)}.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{align-items:center;background:#fff8eb;background:var(--background-cream);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-color);display:flex;justify-content:space-between;padding:16px 20px;padding:var(--spacing-4) var(--spacing-5)}.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}.section-body{padding:20px;padding:var(--spacing-5)}.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-item{gap:4px;gap:var(--spacing-1)}.info-label{color:#6b7280;color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.info-label,.info-value{font-weight:500;font-weight:var(--font-medium)}.info-value{color:#111827;color:var(--text-primary);font-size:16px;font-size:var(--font-size-base)}.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-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);font-size:14px;font-size:var(--font-size-sm);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-template-columns:1fr 1fr}.btn-outline{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}}.sensors.page-container{margin:0 auto;max-width:1600px;padding:20px;padding:var(--spacing-5)}.notification{box-shadow:0 10px 25px #0003}.notification-close{font-size:20px;padding:0}.sensors-controls.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);padding:16px;padding:var(--spacing-4)}.controls-main{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-3)}.search-input{border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:6px;border-radius:var(--radius-sm);color:#374151;color:var(--text-secondary);flex:1 1;font-size:14px;font-size:var(--font-size-sm);min-width:250px;padding:12px;padding:var(--spacing-3);transition:all .2s}.search-input:focus{border-color:#8b4513;border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a;outline:none}.filter-select{cursor:pointer}.sensors-content{width:100%}.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(340px,1fr));margin-bottom:20px;margin-bottom:var(--spacing-5)}.sensor-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 2px 4px #0000000f;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-4);overflow:hidden;padding:20px;padding:var(--spacing-5);position:relative;transition:all .3s ease}.sensor-card:before{background:#f4c430;background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:4px}.sensor-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.sensor-card:hover:before{width:6px}.sensor-header{align-items:flex-start;display:flex;gap:12px;gap:var(--spacing-3);justify-content:space-between}.sensor-title{flex:1 1}.sensor-title h4{color:#111827;color:var(--text-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-bold);line-height:1.3;margin:0 0 4px;margin:0 0 var(--spacing-1) 0}.sensor-id{color:#9ca3af;color:var(--text-light);font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-medium)}.sensor-id,.status-badge{letter-spacing:.5px;text-transform:uppercase}.status-badge{border-radius:6px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;font-weight:var(--font-bold);padding:4px 12px;padding:var(--spacing-1) var(--spacing-3);white-space:nowrap}.status-badge.online{background:#d1fae5;color:#065f46}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.offline{background:#f3f4f6;color:#374151}.sensor-bales,.sensor-location{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)}.sensor-readings{grid-gap:16px;grid-gap:var(--spacing-4);background:linear-gradient(135deg,#fff8eb,#fff);border:1px solid #f4c43033;border-radius:6px;border-radius:var(--radius-sm);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);padding:16px;padding:var(--spacing-4)}.reading{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-1)}.reading-label{color:var(--text-muted);font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px}.reading-value{font-size:28px;font-weight:var(--font-bold)}.sensor-readings .reading:first-child .reading-value{color:#f59e0b}.sensor-readings .reading:last-child .reading-value{color:#10b981}.sensor-meta{border-top:1px solid #f3f4f6;border-top:1px solid var(--border-light);color:#374151;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-xs);justify-content:space-between;padding-top:12px;padding-top:var(--spacing-3)}.battery-info,.sensor-meta{align-items:center;display:flex}.battery-indicator{border-radius:6px;border-radius:var(--radius-sm);font-weight:500;font-weight:var(--font-medium);padding:4px 8px;padding:var(--spacing-1) var(--spacing-2)}.battery-indicator.battery-high{background:#d1fae5;color:#065f46}.battery-indicator.battery-medium{background:#fef3c7;color:#92400e}.battery-indicator.battery-low{background:#fee2e2;color:#991b1b;font-weight:700;font-weight:var(--font-bold)}.last-update{color:#9ca3af;color:var(--text-light)}.sensor-actions{border-top:1px solid #f3f4f6;border-top:1px solid var(--border-light);display:flex;gap:8px;gap:var(--spacing-2);padding-top:12px;padding-top:var(--spacing-3)}.btn-primary{flex:1 1}.btn-primary:hover{box-shadow:0 4px 8px #f4c4304d}.btn-danger{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.btn-danger:hover{background:#fecaca;border-color:#fca5a5}.no-sensors{background:#fff;background:var(--bg-white);border:2px dashed #e5e7eb;border:2px dashed var(--border-gray);border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-muted);grid-column:1/-1;padding:40px;padding:var(--spacing-10);text-align:center}.no-sensors p{font-size:18px;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-medium);margin:0}.modal-overlay{animation:fadeIn .2s ease-out;background:#0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;box-shadow:0 25px 50px #0000004d;max-width:600px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:#fff8eb;background:var(--background-cream)}.modal-header h3{color:#8b4513;color:var(--primary-brown);font-size:24px;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-bold);margin:0}.modal-close{font-size:28px}.modal-close:hover{background:#8b45131a;color:#8b4513;color:var(--primary-brown)}.modal-form{padding:24px;padding:var(--spacing-6)}.form-row{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin-bottom:16px;margin-bottom:var(--spacing-4)}.form-group label{color:#111827;font-size:14px;font-weight:500}textarea.form-input{min-height:80px;resize:vertical}.form-section{background:#fff8eb;background:var(--background-cream);border:1px solid #f4c4304d;border-radius:6px;border-radius:var(--radius-sm);margin-bottom:20px;margin-bottom:var(--spacing-5);padding:16px;padding:var(--spacing-4)}.form-section h4{color:#8b4513;color:var(--primary-brown);font-size:16px;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-bold);margin:0 0 12px;margin:0 0 var(--spacing-3) 0}.modal-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;margin-top:20px;margin-top:var(--spacing-5);padding-top:20px;padding-top:var(--spacing-5)}.sensors-loading{color:#6b7280;color:var(--text-muted);font-size:18px;font-size:var(--font-size-lg);padding:40px;padding:var(--spacing-10);text-align:center}@media (max-width:768px){.sensors.page-container{padding:16px;padding:var(--spacing-4)}.controls-main{flex-direction:column}.btn,.filter-select,.search-input{width:100%}.sensors-grid{gap:16px;gap:var(--spacing-4)}.sensor-readings,.sensors-grid{grid-template-columns:1fr}.reading-value{font-size:24px}.sensor-actions{flex-direction:column}.form-row{grid-template-columns:1fr}.notification{left:10px;min-width:auto;right:10px}}:root{--font-size-2xl:28px;--primary-yellow:#f4c430;--text-secondary:#6b7280;--border-light:#e5e7eb}.sensor-details-improved{margin:0 auto;max-width:1400px;padding:20px}.header-bar{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 1px 2px #0000000d;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.header-bar,.header-left{align-items:center;display:flex}.header-left{gap:16px}.back-btn{align-items:center;border-radius:6px;color:#6b7280;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s}.back-btn:hover,.refresh-toggle{background:#fff8eb;background:var(--background-cream);color:#8b4513;color:var(--primary-brown)}.refresh-toggle{align-items:center;border:1px solid #8b4513;border:1px solid var(--primary-brown);border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.refresh-toggle:hover{background:#8b4513;background:var(--primary-brown);color:#fff}.refresh-toggle .spinning{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-export{align-items:center;background:#f4c430;background:var(--primary-yellow);border:none;border-radius:6px;color:#8b4513;color:var(--primary-brown);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.btn-export:hover{background:#f4d03f;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.sensor-header{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;padding:16px}.sensor-title-row{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:auto 1fr auto}.sensor-title-row h1{color:#111827;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.sensor-info-grid{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.info-item{align-items:center;background:#fff8eb;border-radius:6px;color:#111827;font-size:.875rem;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.info-item svg{color:#6b7280;flex-shrink:0;height:16px;width:16px}.info-item .status-online{color:#10b981;font-weight:600}.info-item .battery-low{color:#ef4444;font-weight:600}.btn-edit{align-items:center;background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-edit:hover{background:#111827;transform:translateY(-1px)}.current-readings{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;padding:16px}.current-readings h2{color:#111827;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 12px}.readings-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:12px}.reading-card{background:#fff8eb;background:var(--background-cream);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;gap:12px;padding:16px}.reading-card,.reading-icon{align-items:center;display:flex}.reading-icon{border-radius:8px;color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.reading-card.temp .reading-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.reading-card.moisture .reading-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.reading-content{flex:1 1}.reading-label{color:#6b7280;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.reading-label,.reading-value{font-weight:700;margin-bottom:4px}.reading-value{color:#111827;color:var(--text-primary);font-size:1.5rem;line-height:1}.reading-status{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.reading-status.optimal{color:#10b981;color:var(--success-green)}.reading-status.warning{color:#f59e0b;color:var(--warning-orange)}.optimal-ranges{background:#8b45130d;border-radius:6px;color:#111827;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:24px;padding:12px}.optimal-ranges strong{color:#8b4513;color:var(--primary-brown)}.details-tabs{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 1px 2px #0000000d}.tab-buttons{background:#fff8eb;background:var(--background-cream);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);border-radius:8px 8px 0 0;display:flex;overflow-x:auto}.tab-buttons button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s;white-space:nowrap}.tab-buttons button:hover{background:#8b45130d;color:#8b4513;color:var(--primary-brown)}.tab-buttons button.active{background:#fff;border-bottom-color:#f4c430;border-bottom-color:var(--primary-yellow);color:#8b4513;color:var(--primary-brown)}.tab-content{padding:20px}.tab-content h3{color:#111827;color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 16px}.chart-placeholder{align-items:center;background:#fff8eb;background:var(--background-cream);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;display:flex;justify-content:center;min-height:400px;padding:20px}.chart-mockup{background:#fff;border-radius:4px;height:300px;padding:20px;position:relative;width:100%}.chart-line{bottom:20px;height:2px;left:20px;position:absolute;right:20px}.chart-line.temp-line{background:linear-gradient(90deg,#ef4444,#dc2626);top:40%}.chart-line.moisture-line{background:linear-gradient(90deg,#3b82f6,#2563eb);top:60%}@media (max-width:768px){.sensor-details-improved{padding:12px}.header-bar{gap:12px}.header-bar,.header-left,.sensor-title-row{align-items:stretch;flex-direction:column}.sensor-title-row{gap:8px}.sensor-title-row h1{font-size:1.25rem}.readings-cards,.sensor-info-grid{grid-template-columns:1fr}.optimal-ranges{gap:8px}.optimal-ranges,.tab-buttons{flex-direction:column}.tab-buttons button{justify-content:flex-start;padding:12px 16px}.tab-buttons button,.tab-buttons button.active{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light)}.tab-buttons button.active{border-left:3px solid #f4c430;border-left:3px solid var(--primary-yellow)}.tab-content{padding:12px}}.reports{margin:0 auto;max-width:var(--container-lg);padding:var(--spacing-5)}.reports-filter-container{align-items:flex-start;background:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-5)}.filters-section{align-items:end;gap:var(--spacing-6)}.filter-group{min-width:200px}.filter-group label{align-items:center;display:flex;gap:var(--spacing-2)}.filter-select{background:var(--bg-white);transition:border-color .2s}.download-buttons{display:flex;flex-shrink:0;gap:var(--spacing-3)}.btn-sm{align-items:center;border-radius:var(--radius-sm);display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.btn-outline{background:#0000;border:1px solid var(--border-gray);color:var(--text-secondary);transition:all .2s}.btn-outline:hover{background:var(--bg-gray-50);border-color:var(--text-secondary);transform:translateY(-1px)}.charts-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:var(--spacing-6)}.chart-card{background:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);display:flex;flex-direction:column;min-height:400px;padding:var(--spacing-6)}.chart-header{border-bottom:1px solid var(--border-light);justify-content:space-between;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4)}.chart-header,.chart-title{align-items:flex-start;display:flex}.chart-title{gap:var(--spacing-3)}.chart-icon{color:var(--text-muted);height:24px;margin-top:var(--spacing-1);width:24px}.chart-title h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-medium);margin:0}.chart-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0 0}.trend-indicator{align-items:center;display:flex;gap:var(--spacing-2)}.trend-up{color:var(--success-green)}.trend-down,.trend-up{height:20px;width:20px}.trend-down{color:var(--error-red)}.trend-text{font-size:var(--font-size-sm);font-weight:var(--font-medium)}.trend-text.up{color:var(--success-green)}.trend-text.down{color:var(--error-red)}.trend-text.stable{color:var(--text-muted)}.chart-content{align-items:end;display:flex;flex:1 1;padding:var(--spacing-4) 0}.simple-chart{align-items:end;background:var(--bg-gray-50);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-2);height:200px;overflow-x:auto;padding:var(--spacing-4);width:100%}.chart-bar-container{align-items:center;display:flex;flex-direction:column;height:100%;min-width:40px}.chart-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;margin-bottom:var(--spacing-2);transition:all .2s ease;width:30px}.chart-bar.temperature{background:linear-gradient(0deg,#ef4444,#f97316);opacity:.8}.chart-bar.moisture{background:linear-gradient(0deg,#3b82f6,#06b6d4);opacity:.8}.chart-bar:hover{opacity:1;transform:scaleY(1.05)}.chart-label{color:var(--text-light);font-size:var(--font-size-xs);margin-top:auto;text-align:center;white-space:nowrap;writing-mode:horizontal-tb}.chart-footer{border-top:1px solid var(--border-light);padding-top:var(--spacing-4)}.export-section{display:flex;justify-content:center}.summary-stats{background:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);padding:var(--spacing-6)}.summary-stats h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-medium);margin:0 0 var(--spacing-5) 0;text-align:center}.stats-grid{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{align-items:center;background:var(--bg-gray-50);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4);text-align:center}.stat-label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-medium)}.stat-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-bold)}.reports-loading{color:var(--text-muted);font-size:var(--font-size-base);padding:var(--spacing-10);text-align:center}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-card{min-height:350px}}@media (max-width:768px){.reports{padding:var(--spacing-4)}.filters-section,.reports-filter-container{flex-direction:column;gap:var(--spacing-4)}.filters-section{width:100%}.filter-group{min-width:0;min-width:auto;width:100%}.filter-select{width:100%}.download-buttons{justify-content:stretch;width:100%}.download-buttons .btn{flex:1 1}.charts-grid{gap:var(--spacing-4)}.chart-card{min-height:300px;padding:var(--spacing-4)}.chart-header{flex-direction:column;gap:var(--spacing-3)}.trend-indicator{align-self:flex-start}.simple-chart{height:150px;padding:var(--spacing-2)}.chart-bar{width:20px}.chart-label{font-size:10px;margin-top:var(--spacing-3);transform:rotate(-45deg);transform-origin:center}.stats-grid{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.stat-item{padding:var(--spacing-3)}.stat-value{font-size:var(--font-size-lg)}}@media (max-width:480px){.chart-bar-container{min-width:25px}.simple-chart{gap:var(--spacing-1)}.stats-grid{grid-template-columns:1fr}}.team-page{margin:0 auto;max-width:1200px;max-width:var(--container-lg)}.invite-section,.team-page{padding:20px;padding:var(--spacing-5)}.invite-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:24px;margin-bottom:var(--spacing-6)}.invite-form{align-items:flex-end;display:flex;gap:12px;gap:var(--spacing-3)}.invite-form .form-group{flex:1 1;margin-bottom:0}.team-list{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}.team-list-header{grid-gap:16px;grid-gap:var(--spacing-4);background:#fff8eb;background:var(--background-cream);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-color);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:2fr 2.5fr 1.5fr 1fr 1.2fr .8fr;padding:16px 20px;padding:var(--spacing-4) var(--spacing-5)}.team-list-body{display:flex;flex-direction:column}.team-list-row{grid-gap:16px;grid-gap:var(--spacing-4);align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:2fr 2.5fr 1.5fr 1fr 1.2fr .8fr;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-color);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%)}.name-cell{color:#111827;color:var(--text-primary);font-weight:500;font-weight:var(--font-medium)}.member-name-display{align-items:center;display:flex;gap:8px;gap:var(--spacing-2)}.member-name{font-weight:500;font-weight:var(--font-medium)}.you-badge{background:#8b4513;background:var(--primary-brown);color:#fff;font-size:10px;letter-spacing:.5px;padding:2px 8px;padding:2px var(--spacing-2);text-transform:uppercase}.role-badge,.you-badge{border-radius:6px;border-radius:var(--radius-sm);font-weight:700;font-weight:var(--font-bold)}.role-badge{font-size:12px;padding:4px 12px;padding:var(--spacing-1) var(--spacing-3);white-space:nowrap}.role-badge.owner{background:#8b4513;color:#fff}.role-badge.manager{background:#f59e0b;color:#fff}.role-badge.worker{background:#10b981;color:#fff}.action-buttons{display:flex;gap:8px;gap:var(--spacing-2)}.no-actions{color:#9ca3af;color:var(--text-light)}.btn-sm,.no-actions{font-size:14px;font-size:var(--font-size-sm)}.form-group{gap:8px;margin-bottom:16px;margin-bottom:var(--spacing-4)}.form-label{color:#111827;color:var(--text-primary);font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-medium)}.form-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;padding:12px;transition:all .2s}.form-input:focus{border-color:#8b4513}.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)}.password-input-group{align-items:stretch;display:flex;gap:8px;gap:var(--spacing-2)}.password-input-group .form-input{flex:1 1}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-6)}.modal-header h2{color:#111827;color:var(--text-primary);font-size:24px;font-size:var(--font-size-xl);font-weight:500;font-weight:var(--font-medium);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;color:var(--text-light);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#f9fafb;background:var(--bg-gray-50);color:#111827;color:var(--text-primary)}.modal-body,.modal-footer{padding:24px;padding:var(--spacing-6)}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-gray);display:flex;gap:12px;gap:var(--spacing-3);justify-content:flex-end}.member-info-text{background:#f9fafb;background:var(--bg-gray-50);border-radius:6px;border-radius:var(--radius-sm);color:#374151;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm);margin-bottom:16px;margin-bottom:var(--spacing-4);padding:12px;padding:var(--spacing-3)}.team-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){.team-list-header,.team-list-row{grid-template-columns:1.5fr 2fr 1.2fr .8fr 1fr .6fr}}@media (max-width:768px){.invite-section,.team-page{padding:16px;padding:var(--spacing-4)}.invite-section{margin-bottom:16px;margin-bottom:var(--spacing-4)}.invite-form{align-items:stretch;flex-direction:column}.invite-form .form-group{margin-bottom:12px;margin-bottom:var(--spacing-3)}.invite-form .btn{width:100%}.team-list-header{display:none}.team-list-row{gap:12px;gap:var(--spacing-3);grid-template-columns:1fr;padding:16px;padding:var(--spacing-4)}.list-cell{align-items:center;display:flex;justify-content:space-between}.list-cell:before{color:#111827;color:var(--text-primary);content:attr(data-label);font-size:12px;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-bold);text-transform:uppercase}.name-cell:before{content:"Name"}.email-cell:before{content:"Email"}.role-cell:before{content:"Role"}.joined-cell:before{content:"Joined"}.activity-cell:before{content:"Last Active"}.actions-cell{justify-content:flex-end}.actions-cell:before{content:""}.modal-footer{flex-direction:column}.notification{left:10px;min-width:auto;right:10px;top:10px}.password-input-group{flex-direction:column}}@media (max-width:480px){.action-buttons{flex-direction:column;width:100%}.btn-icon{justify-content:center;width:100%}}:root{--container-lg:1200px}.alerts-page{margin:0 auto;max-width:1400px;max-width:var(--container-lg);padding:20px;padding:var(--spacing-5)}.notification{border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;gap:12px;padding:16px}.notification-success{background:#10b981}.notification-error{background:#ef4444}.alerts-controls{align-items:flex-end;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;gap:16px;gap:var(--spacing-4);justify-content:space-between;margin-bottom:20px;margin-bottom:var(--spacing-5);padding:20px;padding:var(--spacing-5)}.filters-section{align-items:flex-end;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;gap:var(--spacing-3)}.filter-group{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-2)}.filter-group label{color:#111827;color:var(--text-primary);font-weight:500;font-weight:var(--font-medium)}.filter-group label,.filter-select{font-size:14px;font-size:var(--font-size-sm)}.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);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}.export-buttons{display:flex;gap:8px;gap:var(--spacing-2)}.alerts-summary{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;margin-bottom:var(--spacing-5)}.summary-card{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-left:4px solid #0000;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}.summary-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.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-value{color:#111827;color:var(--text-primary);font-size:32px;font-weight:700;font-weight:var(--font-bold);margin-bottom:8px;margin-bottom:var(--spacing-2)}.summary-label{color:#6b7280;color:var(--text-muted);font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.alerts-list{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}.alerts-list-header{grid-gap:16px;grid-gap:var(--spacing-4);background:#fff8eb;background:var(--background-cream);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--primary-color);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:.5fr 2fr 2.5fr 1.2fr 1.2fr 1fr;padding:16px 20px;padding:var(--spacing-4) var(--spacing-5)}.header-cell{color:#8b4513;color:var(--primary-brown);font-size:14px;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-bold);letter-spacing:.5px;text-transform:uppercase}.alerts-list-body{display:flex;flex-direction:column}.alert-item{grid-gap:16px;grid-gap:var(--spacing-4);align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);border-left:4px solid #0000;display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:.5fr 2fr 2.5fr 1.2fr 1.2fr 1fr;padding:16px 20px;padding:var(--spacing-4) var(--spacing-5);transition:all .2s}.alert-item:hover{background:#f9fafb;background:var(--bg-gray-50)}.alert-item:last-child{border-bottom:none}.alert-item.critical{border-left-color:#ef4444;border-left-color:var(--error-red)}.alert-item.warning{border-left-color:#f59e0b;border-left-color:var(--warning-orange)}.alert-item.info{border-left-color:#3b82f6}.alert-item.resolved{background:#f9fafb;border-left-color:#10b981;border-left-color:var(--success-green);opacity:.6}.list-cell{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)}.severity-cell .severity-badge{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-bold);letter-spacing:.5px;padding:4px 12px;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase;white-space:nowrap}.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}.sensor-cell{color:#111827;color:var(--text-primary);font-weight:500;font-weight:var(--font-medium)}.message-cell{color:#374151;color:var(--text-secondary)}.values-cell{color:#6b7280;color:var(--text-muted)}.time-cell,.values-cell{font-size:12px;font-size:var(--font-size-xs)}.time-cell{color:#9ca3af;color:var(--text-light)}.actions-cell{display:flex;gap:8px;gap:var(--spacing-2);justify-content:flex-end}.btn{border-radius:6px;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;padding:var(--spacing-3) var(--spacing-4);white-space:nowrap}.btn-primary{background:#f4c430;color:#8b4513}.btn-primary:hover{background:#f4d03f;transform:translateY(-1px)}.btn-secondary:hover{background:#4b5563}.btn-clear{background:#f9fafb;background:var(--bg-gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-gray);color:#374151;color:var(--text-secondary)}.btn-clear:hover{background:#e5e7eb;background:var(--border-gray)}.btn-sm{font-size:12px;font-size:var(--font-size-xs);padding:8px 12px;padding:var(--spacing-2) var(--spacing-3)}.btn-icon{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;padding:var(--spacing-2);transition:all .2s}.btn-icon:hover{background:#f9fafb;background:var(--bg-gray-50);color:#8b4513;color:var(--primary-brown)}.resolved-badge{align-items:center;background:#10b981;background:var(--success-green);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 12px;padding:var(--spacing-1) var(--spacing-3);white-space:nowrap}.no-alerts{color:#6b7280;color:var(--text-muted);padding:40px;padding:var(--spacing-10);text-align:center}.no-alerts p{margin:0 0 16px;margin:0 0 var(--spacing-4) 0}.alerts-error,.alerts-loading,.no-alerts p{font-size:16px;font-size:var(--font-size-base)}.alerts-error,.alerts-loading{color:#6b7280;color:var(--text-muted);padding:40px;padding:var(--spacing-10);text-align:center}@media (max-width:1024px){.alert-item,.alerts-list-header{grid-template-columns:.4fr 1.5fr 2fr 1fr 1fr .8fr}}@media (max-width:768px){.alerts-page{padding:16px;padding:var(--spacing-4)}.alerts-controls{align-items:stretch}.alerts-controls,.filters-section{flex-direction:column}.export-buttons,.filter-select{width:100%}.export-buttons .btn{flex:1 1}.alerts-summary{grid-template-columns:repeat(2,1fr)}.alerts-list-header{display:none}.alert-item{gap:12px;gap:var(--spacing-3);grid-template-columns:1fr;padding:16px;padding:var(--spacing-4)}.list-cell{align-items:center;display:flex;justify-content:space-between}.list-cell:before{color:#111827;color:var(--text-primary);content:attr(data-label);font-size:12px;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-bold);text-transform:uppercase}.severity-cell:before{content:"Severity"}.sensor-cell:before{content:"Sensor"}.message-cell:before{content:"Message"}.values-cell:before{content:"Values"}.time-cell:before{content:"Time"}.actions-cell{justify-content:flex-end}.actions-cell:before{content:""}}@media (max-width:480px){.alerts-summary{grid-template-columns:1fr}.actions-cell{flex-direction:column;width:100%}.btn-sm{justify-content:center;width:100%}}:root{--primary-brown:#8b4513;--primary-color:#f4c430;--background-cream:#fff8eb;--success-green:#10b981;--warning-orange:#f59e0b;--error-red:#ef4444;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-light:#9ca3af;--bg-white:#fff;--bg-gray:#f9fafb;--bg-gray-50:#f9fafb;--border-gray:#e5e7eb;--border-light:#f3f4f6;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-10:40px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-medium:500;--font-bold:700;--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;--container-lg:1400px}.profile-container{display:flex;flex-direction:column;gap:var(--spacing-6);margin:0 auto;max-width:var(--container-lg);padding:var(--spacing-5)}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-3);min-width:300px;padding:var(--spacing-4);position:fixed;right:20px;top:20px;z-index:1000}.notification-success{background:var(--success-green);border-left:4px solid #059669;color:#fff}.notification-error{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:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-8)}.profile-header-content{align-items:center;display:flex;gap:var(--spacing-8)}.profile-picture-section{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4)}.profile-picture-container{border-radius:50%;overflow:visible;position:relative}.profile-picture{border:4px solid var(--primary-brown);border-radius:50%;box-shadow:var(--shadow-md);height:120px;object-fit:cover;transition:all .2s ease;width:120px}.profile-picture:hover{transform:scale(1.02)}.profile-picture-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color),#f7d794);border:4px solid var(--primary-brown);border-radius:50%;box-shadow:var(--shadow-md);color:var(--primary-brown);display:flex;font-size:48px;font-weight:var(--font-bold);height:120px;justify-content:center;transition:all .2s ease;width:120px}.profile-picture-placeholder:hover{transform:scale(1.02)}.picture-overlay{bottom:8px;position:absolute;right:8px;z-index:10}.picture-upload-input{display:none}.picture-upload-btn{align-items:center;background:var(--primary-color);border:2px solid var(--primary-brown);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.picture-upload-btn:hover{background:#f1b82d;transform:scale(1.05)}.picture-upload-btn.uploading{animation:pulse 1.5s infinite;cursor:not-allowed;opacity:.7}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.picture-controls-standalone{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center}.picture-controls-standalone .btn{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.btn.loading{cursor:not-allowed;opacity:.7;pointer-events:none}.profile-info-section{flex:1 1}.profile-name{color:var(--primary-brown);font-size:var(--font-size-3xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-3) 0;transition:all .2s ease}.profile-access{color:var(--text-secondary);font-size:var(--font-size-base);margin:var(--spacing-2) 0}.profile-member-since{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.role-badge{border-radius:var(--radius-xl);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-semibold);letter-spacing:.5px;margin-bottom:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase;transition:all .2s ease}.role-badge.role-admin{background:#fee2e2;border:1px solid #fecaca;color:var(--error-red)}.role-badge.role-manager{background:#fef3c7;border:1px solid #fde68a;color:var(--primary-brown)}.role-badge.role-user{background:#dcfce7;border:1px solid #bbf7d0;color:var(--success-green)}.profile-content-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr 1fr}.permissions-card,.profile-info-card,.security-card{background:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-5);transition:all .2s ease}.permissions-card:hover,.profile-info-card:hover,.security-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.permissions-card{grid-column:1/-1}.card-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3)}.card-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-medium);margin:0}.profile-form{gap:var(--spacing-4)}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-2)}.form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-medium)}.form-input{background:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-3);transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a;outline:none}.profile-display{gap:var(--spacing-4)}.info-item,.profile-display{display:flex;flex-direction:column}.info-item{gap:var(--spacing-2)}.info-item label{color:var(--text-secondary)}.info-item label,.profile-value{font-size:var(--font-size-sm);font-weight:var(--font-medium)}.profile-value{background:var(--bg-gray-50);border:1px solid var(--border-gray);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--spacing-3);transition:all .2s ease}.profile-value:hover{background:#f3f4f6}.profile-value.status-active{color:var(--success-green)}.profile-actions{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-medium);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background:var(--primary-color);color:var(--primary-brown)}.btn-primary:hover:not(:disabled){background:#f1b82d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:var(--error-red);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.permission-level{background:var(--bg-gray-50);border:1px solid var(--border-gray);border-radius:var(--radius-md);margin-bottom:var(--spacing-5);padding:var(--spacing-5);text-align:center}.permission-level h4{color:var(--text-primary);font-size:var(--font-size-base);margin:0 0 var(--spacing-3) 0}.permission-level p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-2) 0 0 0}.access-rights h4{color:var(--text-primary);font-size:var(--font-size-base);margin:0 0 var(--spacing-3) 0}.permissions-list{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.permission-item{align-items:center;background:var(--bg-gray-50);border:1px solid var(--border-gray);border-radius:var(--radius-sm);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3);padding:var(--spacing-3);transition:all .2s ease}.permission-item:hover{background:#f3f4f6;transform:translateY(-1px)}.permission-icon{color:var(--success-green);font-size:var(--font-size-base);font-weight:var(--font-bold)}.loading-message{color:var(--text-secondary);font-size:var(--font-size-lg);padding:var(--spacing-8);text-align:center}@media (max-width:768px){.profile-container{padding:var(--spacing-4)}.profile-header-content{flex-direction:column;gap:var(--spacing-5);text-align:center}.profile-content-grid{gap:var(--spacing-5);grid-template-columns:1fr}.permissions-card{grid-column:1}.profile-actions{flex-direction:column}.picture-controls-standalone{align-items:center;flex-direction:column}.profile-name{font-size:var(--font-size-2xl)}.notification{left:10px;min-width:auto;position:fixed;right:10px;top:10px}.permissions-list{grid-template-columns:1fr}.picture-overlay{bottom:4px;right:4px}.picture-upload-btn{font-size:14px;height:32px;width:32px}}@media (max-width:480px){.profile-header-card{padding:var(--spacing-5)}.profile-picture,.profile-picture-placeholder{font-size:36px;height:100px;width:100px}.card-header{align-items:stretch;flex-direction:column;gap:var(--spacing-3)}.btn{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-4)}.picture-upload-btn{font-size:12px;height:28px;width:28px}}
/*# sourceMappingURL=main.227cb012.css.map*/