@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:color-mix(in srgb,var(--bg-primary) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);z-index:100}.header-inner{display:flex;align-items:center;gap:var(--space-6);height:100%}.header-logo{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none}.header-logo-icon{width:38px;height:38px;object-fit:contain;border-radius:50%;background:#fff;padding:2px;flex-shrink:0}.header-logo-text{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.header-logo-text span{display:block;font-size:.7rem;font-weight:400;color:var(--text-secondary);letter-spacing:.02em;margin-top:-2px}.header-nav{display:flex;align-items:center;gap:var(--space-1);flex:1;overflow:visible;min-width:0}.nav-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-decoration:none;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--accent-glow)}.nav-link.active{color:var(--accent)}.nav-link-btn{background:none;border:none;cursor:pointer}.nav-dropdown-wrap{position:relative;flex-shrink:0}.nav-chevron{transition:transform var(--transition-fast)}.nav-chevron.rotated{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-2);min-width:200px;box-shadow:var(--shadow-card);z-index:200}.nav-dropdown-item{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.nav-dropdown-item:hover,.nav-dropdown-item.active{background:var(--accent-glow);color:var(--accent)}.header-actions{display:flex;align-items:center;gap:var(--space-4);margin-left:auto;flex-shrink:0}.admin-badge{display:flex;align-items:center;gap:var(--space-3);font-size:.8125rem;color:var(--text-secondary)}.admin-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.theme-toggle:hover{color:var(--accent);background:var(--accent-glow);border-color:var(--border-medium)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:var(--space-2);background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer}.hamburger span{display:block;height:2px;background:var(--text-primary);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:flex;flex-direction:column;position:fixed;top:var(--header-height);left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);gap:var(--space-1);animation:slideDown .2s ease;z-index:99}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.mobile-nav-item.sub{padding-left:var(--space-6);font-size:.875rem}.mobile-nav-item:hover,.mobile-nav-item.active{background:var(--accent-glow);color:var(--accent)}.mobile-nav-group-label{padding:var(--space-3) var(--space-4) var(--space-1);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-2)}.mobile-nav-logout{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:#d954541a;border:1px solid rgba(217,84,84,.25);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.875rem;text-align:left}@media (max-width: 1024px){.header-nav{display:none}.hamburger{display:flex}.admin-badge .btn{display:none}}@media (min-width: 1025px){.mobile-nav{display:none!important}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sensor-card-skeleton{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}:root{--bg-base: #0e2117;--bg-primary: #122a1c;--bg-secondary: #183523;--bg-card: #1e4030;--bg-card-hover: #244a38;--bg-input: #152e20;--text-primary: #f4ede0;--text-secondary: #aeceb6;--text-muted: #6e9c78;--text-inverse: #0e2117;--accent: #34cc89;--accent-light: #45e09a;--accent-dark: #239964;--accent-glow: rgba(52, 204, 137, .18);--warm-soil: #b08c25;--warm-soil-dim: rgba(176, 140, 37, .22);--warm-cream: #f7f0dc;--color-danger: #e05858;--color-warning: #d4a820;--color-success: #34cc89;--color-info: #64b0de;--border-subtle: rgba(52, 204, 137, .15);--border-medium: rgba(52, 204, 137, .28);--border-strong: rgba(52, 204, 137, .5);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 2px 16px rgba(0,0,0,.45), 0 1px 4px rgba(0,0,0,.3);--shadow-glow: 0 0 20px rgba(46, 184, 122, .12);--shadow-modal: 0 24px 64px rgba(0,0,0,.7);--transition-fast: .15s ease;--transition-base: .22s ease;--transition-slow: .35s ease;--header-height: 64px}[data-theme=light]{--bg-base: #f0f7f2;--bg-primary: #e6f2eb;--bg-secondary: #d9ede0;--bg-card: #ffffff;--bg-card-hover: #f4fbf6;--bg-input: #eaf5ef;--text-primary: #0b1c0f;--text-secondary: #2a5e3c;--text-muted: #4e7e5c;--text-inverse: #f4ede0;--accent: #1aa866;--accent-light: #23c978;--accent-dark: #137a4a;--accent-glow: rgba(26, 168, 102, .14);--border-subtle: rgba(26, 168, 102, .2);--border-medium: rgba(26, 168, 102, .35);--border-strong: rgba(26, 168, 102, .55);--shadow-card: 0 2px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.05);--shadow-glow: 0 0 20px rgba(26, 168, 102, .1);--shadow-modal: 0 24px 64px rgba(0,0,0,.22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.text-xs{font-size:.75rem;line-height:1.4}.text-sm{font-size:.875rem;line-height:1.5}.text-base{font-size:1rem;line-height:1.6}.text-lg{font-size:1.125rem;line-height:1.5}.text-xl{font-size:1.25rem;line-height:1.4}.text-2xl{font-size:1.5rem;line-height:1.35}.text-3xl{font-size:1.875rem;line-height:1.3}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-6)}@media (max-width: 768px){.container{padding:0 var(--space-4)}}.page-wrapper{padding-top:calc(var(--header-height) + var(--space-8));min-height:100vh}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-card),var(--shadow-glow)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-light);box-shadow:0 4px 16px #2eb87a4d}.btn-secondary{background:transparent;color:var(--accent);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--accent-glow)}.btn-danger{background:transparent;color:var(--color-danger);border:1px solid rgba(217,84,84,.3)}.btn-danger:hover{background:#d954541a}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8125rem}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:999px;font-size:.75rem;font-weight:500}.badge-success{background:#2eb87a1f;color:var(--accent-light);border:1px solid rgba(46,184,122,.2)}.badge-warning{background:#c79a181f;color:var(--color-warning);border:1px solid rgba(199,154,24,.25)}.badge-danger{background:#d954541f;color:var(--color-danger);border:1px solid rgba(217,84,84,.25)}.badge-neutral{background:#5a7a6226;color:var(--text-secondary);border:1px solid var(--border-subtle)}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-field::placeholder{color:var(--text-muted)}.divider{height:1px;background:var(--border-subtle);margin:var(--space-6) 0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}