@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--color-light-green: #ADF684;--color-lighter-green: #F5FFEB;--color-primary-blue: #214889;--color-primary-green: #3AD77E;--color-white: #FFFFFF;--color-black: #000000;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success: var(--color-primary-green);--color-warning: #FFB020;--color-danger: #FF4842;--color-info: var(--color-primary-blue);--color-gauge-low: var(--color-danger);--color-gauge-high: var(--color-warning);--color-gauge-optimal: var(--color-primary-green);--font-family: "Poppins", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--border-radius-sm: .125rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.375rem;max-width:400px;width:100%;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#fff;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-left:3px solid;min-width:280px;max-width:350px;pointer-events:auto;animation:slideIn .3s ease-out;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.3}.toast-success{border-left-color:#10b981;color:#065f46}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444;color:#991b1b}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left-color:#f59e0b;color:#92400e}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left-color:#3b82f6;color:#1e40af}.toast-info .toast-icon{color:#3b82f6}.toast-content{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0}.toast-icon{display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;flex-shrink:0;margin-top:.125rem}.toast-body{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.8125rem;line-height:1.2;margin-bottom:.125rem}.toast-message{font-size:.75rem;line-height:1.3;color:#6b7280;margin-bottom:.125rem;word-wrap:break-word}.toast-command-id{font-size:.6875rem;color:#9ca3af;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#0000000d;padding:.125rem .25rem;border-radius:.1875rem;display:inline-block}.toast-close{background:none;border:none;color:#9ca3af;font-size:1.25rem;line-height:1;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease-in-out;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.toast-close:hover{background:#0000000d;color:#6b7280}.toast-close:focus{outline:2px solid currentColor;outline-offset:2px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.removing{animation:slideOut .3s ease-in forwards}@media (max-width: 768px){.toast-container{top:5.4rem;right:.5rem;left:.5rem;max-width:none;width:calc(100vw - 1rem)}.toast{min-width:auto;max-width:none;width:100%;padding:.625rem;gap:.375rem}.toast-title{font-size:.75rem}.toast-message{font-size:.6875rem}.toast-command-id{font-size:.625rem}.toast-icon{font-size:.875rem}}@media (max-width: 480px){.toast-container{top:6rem;right:.5rem;left:.5rem;width:calc(100vw - 1rem)}}@media (min-width: 481px) and (max-width: 768px){.toast-container{top:5.4rem;right:.5rem;left:.5rem;width:calc(100vw - 1rem)}}@media (min-width: 769px) and (max-width: 1024px){.toast-container{top:5rem;max-width:350px}.toast{min-width:280px;max-width:350px}}@media (prefers-color-scheme: dark){.toast{background:#1f2937;color:#f9fafb}.toast-message{color:#d1d5db}.toast-command-id{color:#9ca3af;background:#ffffff1a}.toast-close{color:#9ca3af}.toast-close:hover{background:#ffffff1a;color:#d1d5db}.toast-success{color:#a7f3d0}.toast-error{color:#fecaca}.toast-warning{color:#fde68a}.toast-info{color:#bfdbfe}}@media (prefers-contrast: high){.toast{border-width:2px;font-weight:500}.toast-close{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.toast,.toast.removing,.toast-icon.animated{animation:none}}.toast:focus-within{outline:2px solid currentColor;outline-offset:2px}.toast-container{max-height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.toast-container::-webkit-scrollbar{width:4px}.toast-container::-webkit-scrollbar-track{background:transparent}.toast-container::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.toast-container::-webkit-scrollbar-thumb:hover{background:#0000004d}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);color:var(--color-gray-800);background-color:#f8f9fa;line-height:1.5;font-size:var(--font-size-base)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-4);color:var(--color-gray-900)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-4)}a{color:var(--color-primary-blue);text-decoration:none;transition:color var(--transition-fast) ease-in-out}a:hover{color:var(--color-primary-green)}button{font-family:var(--font-family);cursor:pointer}ul,ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-4)}img{max-width:100%;height:auto}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.alert{padding:var(--spacing-4);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4)}.alert-success{background-color:#3ad77e1a;color:var(--color-success);border:1px solid var(--color-success)}.alert-warning{background-color:#ffb0201a;color:var(--color-warning);border:1px solid var(--color-warning)}.alert-danger{background-color:#ff48421a;color:var(--color-danger);border:1px solid var(--color-danger)}.alert-info{background-color:#2148891a;color:var(--color-info);border:1px solid var(--color-info)}.page-container{padding:var(--spacing-6)}.fade-in{animation:fadeIn var(--transition-normal) ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hide-sm{display:none}@media (min-width: 640px){.hide-sm{display:block}.show-sm{display:none}}.grid{display:grid;gap:var(--spacing-4)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.grid-cols-2-sm{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid-cols-3-md{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid-cols-4-lg{grid-template-columns:repeat(4,1fr)}}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;margin-bottom:var(--spacing-2);font-weight:500}.form-control{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-700);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast) ease-in-out,box-shadow var(--transition-fast) ease-in-out}.form-control:focus{border-color:var(--color-primary-green);outline:0;box-shadow:0 0 0 .2rem #3ad77e40}.btn{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);line-height:1.5;border-radius:var(--border-radius-md);transition:color var(--transition-fast) ease-in-out,background-color var(--transition-fast) ease-in-out,border-color var(--transition-fast) ease-in-out,box-shadow var(--transition-fast) ease-in-out}.btn-primary{color:var(--color-white);background-color:var(--color-primary-blue);border-color:var(--color-primary-blue)}.btn-primary:hover{background-color:var(--color-primary-green);border-color:var(--color-primary-green)}.btn-secondary{color:var(--color-white);background-color:var(--color-primary-green);border-color:var(--color-primary-green)}.btn-secondary:hover{background-color:#2dc76f;border-color:#2dc76f}.btn-outline{color:var(--color-primary-blue);background-color:transparent;border-color:var(--color-primary-blue)}.btn-outline:hover{color:var(--color-white);background-color:var(--color-primary-blue)}.btn-danger{color:var(--color-white);background-color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover{background-color:#e03e39;border-color:#e03e39}.btn-sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg)}.btn-block{display:block;width:100%}.card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-header{padding:var(--spacing-4);background-color:#adf68433;border-bottom:1px solid var(--color-gray-200)}.card-body{padding:var(--spacing-4)}.card-footer{padding:var(--spacing-4);background-color:#adf6841a;border-top:1px solid var(--color-gray-200)}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.loader-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fffc;z-index:9999}.loader{display:inline-block;position:relative;width:64px;height:64px}.loader-sm{width:40px;height:40px}.loader-lg{width:80px;height:80px}.loader div{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--color-primary-green);animation:loader 1.2s linear infinite}.loader-sm div{width:8px;height:8px}.loader-lg div{width:18px;height:18px}.loader div:nth-child(1){top:25px;left:0;animation-delay:0s;background-color:var(--color-primary-blue)}.loader div:nth-child(2){top:13px;left:13px;animation-delay:-.4s;background-color:var(--color-primary-green)}.loader div:nth-child(3){top:0;left:25px;animation-delay:-.8s;background-color:var(--color-light-green)}.loader-text{margin-top:1rem;font-size:14px;color:var(--color-primary-blue)}@keyframes loader{0%,to{opacity:1}50%{opacity:.5}}.register-link{text-align:center;margin-top:var(--spacing-4);padding:0 var(--spacing-6) var(--spacing-6);color:var(--color-gray-600)}.register-link a{color:var(--color-primary-blue);text-decoration:none;font-weight:500}.register-link a:hover{text-decoration:underline}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary-blue) 0%,var(--color-primary-green) 100%);padding:var(--spacing-4)}.login-card{width:100%;max-width:420px;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeIn var(--transition-normal) ease-in}.login-header{background-color:var(--color-lighter-green);padding:var(--spacing-6);text-align:center;border-bottom:4px solid var(--color-light-green)}.login-logo{width:200px;max-width:100%;height:auto;margin-bottom:var(--spacing-2)}.login-header p{color:var(--color-gray-600);margin-bottom:0}.login-form{padding:var(--spacing-6)}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container .form-control{padding-right:40px}.password-toggle-btn{position:absolute;right:10px;background:transparent;border:none;cursor:pointer;font-size:1.1rem;color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s ease;z-index:2}.password-toggle-btn:hover{color:var(--color-primary-blue)}.password-toggle-btn:focus{outline:none;color:var(--color-primary-blue)}.checkbox-label{display:flex;align-items:center;cursor:pointer;color:var(--color-gray-700);font-size:var(--font-size-base);-webkit-user-select:none;user-select:none;gap:12px}.checkbox-label input[type=checkbox]{width:16px;height:16px;padding:0!important;cursor:pointer;accent-color:var(--color-primary-blue);flex-shrink:0;position:static!important;margin:0!important}.checkbox-label span{font-weight:400;line-height:1.5}.form-group:has(.checkbox-label){margin-bottom:var(--spacing-4)}.login-form .form-group .checkbox-label{display:flex!important;align-items:center!important}.login-form .form-group .checkbox-label input[type=checkbox]{position:static!important;margin:0!important;padding:0!important;width:16px!important;height:16px!important}@media (max-width: 480px){.login-card{max-width:100%}.login-header{padding:var(--spacing-4)}.login-header h1{font-size:var(--font-size-xl)}.login-form{padding:var(--spacing-4)}}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;animation:fadeIn .3s ease-out}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-dismissible{padding-right:4rem}.alert-close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:1.5rem;font-weight:700;line-height:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.alert-fade-out{animation:fadeOut .3s ease-in forwards}@media (max-width: 768px){.alert{margin-top:60px}}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary-blue) 0%,var(--color-primary-green) 100%);padding:var(--spacing-4)}.register-card{width:100%;max-width:600px;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeIn var(--transition-normal) ease-in}.register-header{background-color:var(--color-lighter-green);padding:var(--spacing-6);text-align:center;border-bottom:4px solid var(--color-light-green)}.register-logo{width:200px;max-width:100%;height:auto;margin-bottom:var(--spacing-2)}.register-header p{color:var(--color-gray-600);margin-bottom:0}.register-form{padding:var(--spacing-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.register-button{margin-top:var(--spacing-4)}.login-link{text-align:center;margin-top:var(--spacing-4);color:var(--color-gray-600)}.login-link a{color:var(--color-primary-blue);text-decoration:none;font-weight:500}.login-link a:hover{text-decoration:underline}.success-message{display:flex;align-items:center;gap:8px}.success-icon{color:var(--color-success)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:var(--spacing-2)}.register-card{max-width:100%}.register-header,.register-form{padding:var(--spacing-4)}}.navbar{background-color:var(--color-primary-blue);box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;right:0;z-index:var(--z-index-fixed);height:64px;padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top));padding-top:calc(env(safe-area-inset-top) + 8px);height:calc(72px + env(safe-area-inset-top))}.navbar-container{display:flex;align-items:center;justify-content:center;padding:0 1rem;height:100%;max-width:1280px;margin:0 auto;position:relative}.page-title{display:flex;align-items:center}.page-title h1{color:var(--color-white);font-size:1.25rem;font-weight:600;margin:0}.back-button{position:absolute;left:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;color:var(--color-white);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#fff3}.back-button span{display:none}@media (min-width: 768px){.back-button span{display:inline}}@media (min-width: 1024px){.navbar{display:none}}.sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;z-index:1000;box-shadow:2px 0 8px #0000001a}.sidebar-header{padding:1.5rem;border-bottom:1px solid #e0e0e0}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;width:100%}.logo a{display:flex;align-items:center;justify-content:center;text-decoration:none;width:100%}.brand-logo{height:60px;max-width:100%;object-fit:contain}.logo-icon{font-size:1.75rem;color:#2c5530}.logo-text{font-size:1.25rem;font-weight:700;color:#2c5530}.user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.user-icon{color:#666;font-size:1rem}.user-name{color:#666;font-size:.9rem;font-weight:500}.sidebar-nav{flex:1;padding:1rem 0}.nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#666;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.nav-link:hover{background:#f8f9fa;color:#2c5530}.nav-link.active{background:#e8f5e8;color:#2c5530;border-left-color:#2c5530}.nav-icon{font-size:1.25rem;width:24px;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1}.nav-label{font-weight:500;font-size:1rem;line-height:1;display:flex;align-items:center}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;text-align:center}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:#dc3545;color:#fff;border:none;padding:.75rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-bottom:1rem}.logout-icon{font-size:1rem}.footer-text{color:#999;font-size:.875rem;margin:0}@media (max-width: 1023px){.sidebar{display:none}}.bottom-navbar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-around;align-items:center;padding:.5rem 0;box-shadow:0 -2px 10px #0000001a;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;padding:.5rem;border-radius:8px;transition:all .2s ease;min-width:60px}.nav-item:hover{color:#2c5530;background:#f8f9fa}.nav-item.active{color:#2c5530;background:#e8f5e8}.nav-icon{font-size:1.25rem;margin-bottom:.25rem}.nav-label{font-size:.75rem;font-weight:500;text-align:center}body{padding-bottom:80px}@media (min-width: 768px){.bottom-navbar{padding:.75rem 0}.nav-item{padding:.75rem;min-width:80px}.nav-icon{font-size:1.5rem;margin-bottom:.5rem}.nav-label{font-size:.875rem}body{padding-bottom:100px}}@media (min-width: 1024px){.bottom-navbar{display:none}body{padding-bottom:0}}.main-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:64px;background:#f8f9fa;min-height:calc(100vh - 64px);padding-top:calc(64px + env(safe-area-inset-top));min-height:calc(100vh - 64px - env(safe-area-inset-top))}.main-content.no-navbar{padding-top:0;min-height:100vh}.main-content.no-bottom-navbar{padding-bottom:0}@media (min-width: 1024px){.main-layout{flex-direction:row}.main-content{margin-left:250px;padding-top:0;min-height:100vh}.main-content.no-sidebar{margin-left:0}}@media (max-width: 1023px){.main-content{padding-bottom:80px}.main-content.no-bottom-navbar{padding-bottom:0}}.page-title{font-size:1.8rem;margin-bottom:2rem;color:var(--color-primary-blue);border-bottom:2px solid var(--color-light-green);padding-bottom:.5rem}.footer{background-color:var(--color-primary-blue);color:var(--color-white);padding:1rem 0;height:60px;position:relative;z-index:10}.footer-content{display:flex;justify-content:center;align-items:center;max-width:1280px;margin:0 auto;padding:0 1rem;height:100%}.footer p{margin:0;font-size:.9rem;opacity:.8}@media (max-width: 768px){.main-content{padding-top:calc(64px + env(safe-area-inset-top,0px));padding-top:max(calc(64px + env(safe-area-inset-top,0px)),80px);padding-left:1.5rem;padding-right:1.5rem;padding-bottom:50px}.main-content.no-bottom-navbar{padding-bottom:0}.page-title{font-size:1.5rem;margin-bottom:1.5rem}}@media (max-width: 480px){.main-content{padding:1rem;padding-bottom:30px}.main-content.no-bottom-navbar{padding-bottom:0}.page-title{font-size:1.3rem;margin-bottom:1rem}}.pond-pairs-container{padding:1rem;max-width:1400px;margin:0 auto}.pond-pairs-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.pond-pairs-header h1{color:var(--color-primary-blue);font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary-blue) 0%,var(--color-primary-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pond-pairs-header p{color:var(--color-gray-600);font-size:1.1rem;margin:0}.pond-pairs-grid{display:grid;gap:2rem;grid-template-columns:1fr}.pond-pair-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:20px;padding:2rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.pond-pair-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-blue) 0%,var(--color-primary-green) 100%);transform:scaleX(0);transition:transform .3s ease}.pond-pair-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026;border-color:var(--color-primary-green)}.pond-pair-card:hover:before{transform:scaleX(1)}.pond-pair-card.online{border-color:var(--color-primary-green)}.pond-pair-card.offline{border-color:var(--color-danger);opacity:.7}.connection-indicator{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.status-dot.online{background:var(--color-primary-green);box-shadow:0 0 12px #3ad77e99}.status-dot.offline{background:var(--color-danger);box-shadow:0 0 12px #ff484299}.status-text{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.connection-indicator .last-seen{font-size:.75rem;color:var(--color-gray-500);margin-left:.5rem;font-style:italic}.pair-name{text-align:center;margin-bottom:2rem;margin-top:3rem}.pair-name h3{color:var(--color-primary-blue);font-size:1.5rem;font-weight:700;margin:0}.pair-name .device-name{color:var(--color-gray-600);margin:.25rem 0 0;font-size:.9rem;text-align:center}.pair-name .firmware-version{color:var(--color-gray-500);margin:.25rem 0 0;font-size:.8rem;text-align:center;font-family:monospace}.ponds-illustration{display:flex;justify-content:center;margin-bottom:1.5rem}.pond-container{display:flex;gap:1.5rem;align-items:stretch;justify-content:center}.pond{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:16px;transition:all .3s ease;position:relative;flex:1;min-height:120px;min-width:100px}.pond.active{background:linear-gradient(135deg,#3ad77e1a,#2c55300d);border:2px solid var(--color-primary-green)}.pond.inactive{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:2px solid #ffc107;opacity:.7}.pond.unavailable{background:linear-gradient(135deg,#6c757d1a,#6c757d0d);border:2px solid #6c757d;opacity:.5}.pond-icon{font-size:2.5rem;color:var(--color-primary-blue);filter:drop-shadow(0 4px 8px rgba(33,72,137,.2))}.pond.active .pond-icon{color:var(--color-primary-green)}.pond.inactive .pond-icon{color:#ffc107}.pond.unavailable .pond-icon{color:#6c757d}.pond-label{font-size:.875rem;font-weight:600;color:var(--color-gray-700);text-align:center;line-height:1.2;word-break:keep-all;max-width:100%}.pond.active .pond-label{color:var(--color-primary-green)}.pond.inactive .pond-label{color:#856404}.pond.unavailable .pond-label{color:#6c757d}.click-indicator{text-align:center;margin-top:1rem}.click-indicator span{color:var(--color-gray-500);font-size:.875rem;font-weight:500;opacity:.8}.quick-access-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.quick-btn{padding:.75rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;min-height:40px}.dashboard-btn{background:#2c5530;color:#fff}.dashboard-btn:hover{background:#1e3a22}.controls-btn{background:#007bff;color:#fff}.controls-btn:hover{background:#0056b3}.schedules-btn{background:#28a745;color:#fff}.schedules-btn:hover{background:#1e7e34}.alerts-btn{background:#ffc107;color:#212529}.alerts-btn:hover{background:#e0a800}.settings-btn{background:#6c757d;color:#fff}.settings-btn:hover{background:#545b62}@keyframes pulse{0%{box-shadow:0 0 #3ad77eb3}70%{box-shadow:0 0 0 10px #3ad77e00}to{box-shadow:0 0 #3ad77e00}}@media (min-width: 640px){.pond-pairs-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.pond-pairs-header h1{font-size:2rem}}@media (min-width: 768px){.pond-pairs-container{padding:2rem}.pond-pairs-grid{grid-template-columns:1fr;gap:2rem}.pond-pair-card{padding:2.5rem}.pond-container{gap:3rem}}@media (min-width: 1024px){.pond-pairs-grid{grid-template-columns:1fr;gap:2.5rem}.pond-pairs-header h1{font-size:2.5rem}}@media (min-width: 1280px){.pond-pairs-grid{grid-template-columns:1fr}}@media (max-width: 639px){.pond-pairs-container{padding:.75rem}.pond-pairs-header{margin-bottom:2rem;padding:1rem 0}.pond-pairs-header h1{font-size:1.75rem}.pond-pairs-header p{font-size:1rem}.pond-pair-card{padding:1.5rem}.pond-container{gap:1rem}.pond-icon{font-size:2rem}.connection-indicator{position:static;margin-bottom:1rem}.pair-name{margin-top:1rem}}.no-devices-state{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.no-devices-content{text-align:center;max-width:500px;padding:3rem 2rem;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 8px 32px #0000001a;border:2px solid #e9ecef}.no-devices-icon{margin-bottom:2rem}.no-devices-icon .water-icon{font-size:4rem;color:var(--color-primary-blue);opacity:.7}.no-devices-content h2{color:var(--color-primary-blue);font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary-blue) 0%,var(--color-primary-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-devices-content p{color:var(--color-gray-600);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.register-pond-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--color-primary-blue) 0%,var(--color-primary-green) 100%);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 16px #00000026}.register-pond-link:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0003;color:#fff;text-decoration:none}.register-pond-link:active{transform:translateY(0)}.register-icon{font-size:1.2rem}@media (max-width: 639px){.no-devices-state{min-height:50vh;padding:1rem}.no-devices-content{padding:2rem 1.5rem}.no-devices-icon .water-icon{font-size:3rem}.no-devices-content h2{font-size:1.5rem}.no-devices-content p{font-size:1rem}.register-pond-link{padding:.875rem 1.5rem;font-size:1rem}}.pond-selection-container{margin-top:1rem;margin-bottom:2rem}@media (max-width: 768px){.pond-selection-container{margin-top:2rem}}.connection-status-bar{display:flex;justify-content:space-between;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:.75rem 1.5rem;border-radius:12px 12px 0 0;border:1px solid #2c3e50;border-bottom:none}.status-item{display:flex;align-items:center;gap:.5rem;color:#ecf0f1;font-size:.875rem}.status-indicators{display:flex;align-items:center;gap:1.5rem}.status-label{font-weight:600;color:#bdc3c7}.connection-dot{width:8px;height:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem}.connection-dot.connected{background-color:#2ecc71;box-shadow:0 0 8px #2ecc7199;animation:pulse 2s infinite}.connection-dot.disconnected{background-color:#e74c3c;box-shadow:0 0 8px #e74c3c99}.status-text{font-weight:500;display:flex;align-items:center;height:20px}.status-text.connected{color:#2ecc71}.status-text.disconnected{color:#e74c3c}.last-seen{color:#95a5a6;font-size:.75rem;margin-left:.5rem}.wifi-signal-icon{display:flex;align-items:center;margin-left:.5rem;height:20px}.wifi-signal-icon.no-signal{opacity:.3}.wifi-bars{display:flex;align-items:flex-end;gap:2px;height:16px;margin-top:0}.wifi-bars .bar{width:3px;background-color:#95a5a6;border-radius:1px;transition:all .3s ease}.wifi-bars .bar:nth-child(1){height:4px}.wifi-bars .bar:nth-child(2){height:6px}.wifi-bars .bar:nth-child(3){height:8px}.wifi-bars .bar:nth-child(4){height:10px}.wifi-bars .bar.active{background-color:#fff;box-shadow:none}.wifi-signal-icon.no-signal .wifi-bars .bar{background-color:#95a5a6;box-shadow:none}.battery-icon{display:flex;align-items:center;margin-left:.5rem;position:relative;height:20px}.battery-icon.no-battery{opacity:.3}.battery-container{display:flex;align-items:center;position:relative}.battery-body{width:24px;height:12px;border:2px solid #95a5a6;border-radius:2px;position:relative;background-color:transparent;display:flex;align-items:center}.battery-level{height:100%;border-radius:1px;transition:all .3s ease;position:absolute;top:0;left:0}.battery-tip{width:2px;height:6px;background-color:#95a5a6;border-radius:0 1px 1px 0;margin-left:1px;position:relative;align-self:center}.battery-text{font-size:.75rem;color:#ecf0f1;margin-left:.1rem;font-weight:500;min-width:30px;text-align:right}.battery-icon.no-battery .battery-body{border-color:#95a5a6}.battery-icon.no-battery .battery-tip{background-color:#95a5a6}.pond-selection-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:0 0 16px 16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:all .3s ease}.pond-selection-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.card-header{padding:1.5rem 1.5rem 1rem;text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.card-header h3{margin:0 0 .5rem;color:#2c3e50;font-size:1.25rem;font-weight:700}.card-header p{margin:0;color:#6c757d;font-size:.9rem}.ponds-grid{display:flex;align-items:stretch;min-height:120px}.pond-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;background:transparent}.pond-option:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.pond-option.selected{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-left:4px solid #2c5530}.pond-option.selected:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2c55300d,#2c55301a);pointer-events:none}.pond-option.unavailable{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.pond-option.unavailable:hover{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);transform:none}.pond-option.unavailable .pond-icon-container{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 4px 16px #9e9e9e4d}.pond-option.unavailable:hover .pond-icon-container{transform:none;box-shadow:0 4px 16px #9e9e9e4d}.pond-option.unavailable .pond-icon{color:#bdbdbd}.pond-option.unavailable .pond-info h4{color:#9e9e9e}.pond-icon-container{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#2c5530,#1e3a1e);border-radius:50%;margin-bottom:1rem;box-shadow:0 4px 16px #2c55304d;transition:all .3s ease}.pond-option:hover .pond-icon-container{transform:scale(1.1);box-shadow:0 6px 20px #2c553066}.pond-option.selected .pond-icon-container{background:linear-gradient(135deg,#4caf50,#2c5530);box-shadow:0 6px 20px #4caf5066}.pond-icon{font-size:1.75rem;color:#fff}.pond-info{text-align:center;margin-bottom:.5rem}.pond-info h4{margin:0 0 .25rem;color:#2c3e50;font-size:1.1rem;font-weight:600}.pond-description{margin:0;color:#6c757d;font-size:.8rem;font-weight:500}.divider{width:2px;background:linear-gradient(to bottom,transparent,#dee2e6,transparent);margin:1rem 0}@keyframes pulse{0%{box-shadow:0 0 8px #2ecc7166}50%{box-shadow:0 0 16px #2ecc7199}to{box-shadow:0 0 8px #2ecc7166}}@media (max-width: 768px){.connection-status-bar{flex-direction:column;gap:.5rem;padding:1rem}.status-item{justify-content:center;flex-direction:column;gap:.5rem}.status-label{text-align:center;margin-bottom:.25rem}.status-indicators{justify-content:center;flex-wrap:wrap;gap:1.5rem}.wifi-signal-icon,.battery-icon{margin-left:0}.last-seen{margin-left:0;text-align:center}.ponds-grid{flex-direction:column}.divider{width:100%;height:2px;margin:0 1rem}.pond-option{padding:1rem}.pond-icon-container{width:50px;height:50px}.pond-icon{font-size:1.5rem}}@media (max-width: 480px){.card-header{padding:1rem}.pond-option{padding:.75rem}.pond-info h4{font-size:1rem}.pond-description{font-size:.75rem}}.sensor-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box;min-width:0;overflow:hidden}.sensor-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.sensor-header{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;gap:.5rem}.sensor-title{margin:0;color:#2c5530;font-size:1rem;font-weight:600;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sensor-icon{color:#2c5530;font-size:1.5rem;flex-shrink:0;text-align:center}.sensor-value{text-align:center;margin:.5rem 0}.value-number{font-size:2rem;font-weight:900;color:#2c5530;line-height:1;word-break:break-word;overflow-wrap:break-word;letter-spacing:-.03em}.value-unit{font-size:1rem;font-weight:700;color:#666;margin-left:.25rem}.no-data{font-size:1.25rem;color:#999;font-style:italic}.sensor-status{display:flex;justify-content:center}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.good{background:#d4edda;color:#155724}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.critical{background:#f8d7da;color:#721c24}@media (max-width: 767px){.sensor-card{padding:1rem;gap:.75rem}.sensor-title{font-size:.9rem}.sensor-icon{font-size:1.25rem}.value-number{font-size:2.8rem;font-weight:900;line-height:1;letter-spacing:-.03em}.value-unit{font-size:1.2rem;font-weight:700}.status-badge{padding:.375rem .75rem;font-size:.75rem}}@media (min-width: 768px){.sensor-card{padding:2rem;gap:1.25rem}.sensor-title{font-size:1.1rem}.sensor-icon{font-size:1.75rem}.value-number{font-size:2.5rem}.value-unit{font-size:1.1rem}}@media (max-width: 480px){.sensor-card{padding:.75rem;gap:.5rem}.sensor-title{font-size:.8rem}.sensor-icon{font-size:1rem}.value-number{font-size:2.2rem;font-weight:900;line-height:1;letter-spacing:-.03em}.value-unit{font-size:1rem;font-weight:700}.status-badge{padding:.25rem .5rem;font-size:.7rem}}@media (min-width: 1024px){.sensor-card{padding:2.5rem}.sensor-title{font-size:1.25rem}.sensor-icon{font-size:2rem}.value-number{font-size:3rem}}.historical-chart-container{background-color:var(--color-white);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-title{margin:0;font-size:1.25rem;color:var(--color-primary-blue)}.timeframe-selector{display:flex;gap:8px}.timeframe-btn{background-color:var(--color-gray-100);color:var(--color-gray-700);border:none;border-radius:4px;padding:6px 12px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.timeframe-btn:hover{background-color:var(--color-gray-200)}.timeframe-btn.active{background-color:var(--color-primary-blue);color:var(--color-white)}.parameter-toggles{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.toggle-label{font-size:.875rem;color:var(--color-gray-600);margin-right:5px}.param-toggle{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-200);border-radius:4px;padding:6px 12px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.param-toggle:hover{background-color:var(--color-gray-200)}.param-toggle.active{background-color:var(--active-color);border-color:var(--active-color);color:var(--color-white)}.chart-area{height:350px;position:relative}.chart-loading,.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-gray-500);font-size:1rem;text-align:center;padding:2rem;background-color:#f5f7fa80;border-radius:8px;border:1px dashed var(--color-gray-300)}@media (max-width: 768px){.chart-header{flex-direction:column;align-items:flex-start}.timeframe-selector{margin-top:10px}.chart-area{height:300px}}@media (max-width: 480px){.parameter-toggles{flex-direction:column;align-items:flex-start}.toggle-label{margin-bottom:5px}.param-toggle{width:100%;text-align:left}.chart-area{height:250px}}.feed-usage-container{background-color:var(--color-white);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px}.feed-usage-header{display:flex;align-items:center;margin-bottom:20px}.feed-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px}.feed-stat-item{background-color:var(--color-lighter-green);border-radius:6px;padding:15px;display:flex;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.feed-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.feed-stat-icon{background-color:var(--color-primary-blue);color:var(--color-white);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:1.1rem}.feed-stat-content{flex:1}.feed-stat-title{display:block;font-size:.85rem;color:var(--color-gray-600);margin-bottom:4px}.feed-stat-value{font-size:1.3rem;font-weight:600;color:var(--color-primary-blue)}.feed-stat-unit{font-size:.9rem;font-weight:400;color:var(--color-gray-600)}.feed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--color-gray-600)}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-lighter-green);border-top:2px solid var(--color-primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.feed-error{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin:10px 0}.feed-no-data{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--color-gray-500);font-style:italic}@media (max-width: 576px){.feed-stats-grid{grid-template-columns:1fr}.feed-stat-item{padding:12px}.feed-stat-value{font-size:1.2rem}.feed-loading,.feed-error,.feed-no-data{padding:30px 15px}}.feed-savings-container{background-color:var(--color-white);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;position:relative;overflow:hidden}.feed-savings-header{display:flex;align-items:center;margin-bottom:20px;position:relative}.savings-icon{font-size:24px;color:var(--color-primary-green);margin-right:10px}.savings-title{margin:0;font-size:1.25rem;color:var(--color-primary-green);flex-grow:1}.info-button{background:none;border:none;color:var(--color-gray-500);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;padding:0;margin-left:10px;transition:color .2s ease}.info-button:hover{color:var(--color-primary-blue)}.savings-tooltip{position:absolute;top:100%;right:0;background-color:var(--color-gray-800);color:var(--color-white);padding:10px 15px;border-radius:6px;font-size:.85rem;width:280px;box-shadow:0 4px 8px #00000026;z-index:10;margin-top:8px}.savings-tooltip:after{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background-color:var(--color-gray-800);transform:rotate(45deg)}.savings-amount-container{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-green) 0%,var(--color-primary-blue) 100%);border-radius:8px;padding:30px 20px;margin-bottom:20px;position:relative;overflow:hidden;transition:box-shadow .3s ease;box-shadow:0 0 5px #00c36c4d}.savings-amount-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,#ffffff4d,#fff0 70%);opacity:0;transition:opacity .3s ease}.savings-amount-container.pulse{animation:continuous-pulse 3s infinite}.savings-amount-container.pulse:before{animation:radial-pulse 3s infinite}@keyframes continuous-pulse{0%{box-shadow:0 0 5px #00c36c4d}40%{box-shadow:0 0 30px #00c36ce6}to{box-shadow:0 0 5px #00c36c4d}}@keyframes radial-pulse{0%{opacity:.2}40%{opacity:1}to{opacity:.2}}.savings-currency{font-size:2.5rem;font-weight:700;color:var(--color-white);margin-right:10px}.savings-amount{font-size:3rem;font-weight:700;color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,.2)}.savings-description{color:var(--color-gray-700);text-align:center;font-size:.95rem}.savings-description p{margin:0}@media (max-width: 576px){.savings-amount-container{padding:20px 15px}.savings-currency{font-size:2rem}.savings-amount{font-size:2.5rem}.savings-tooltip{width:220px;font-size:.8rem;left:0;right:0;margin-left:auto;margin-right:auto}.savings-tooltip:after{right:50%;transform:translate(50%) rotate(45deg)}}.dashboard-container{padding:1rem;max-width:1600px;margin:0 auto;width:100%}.connection-status{margin-bottom:1rem;padding:.5rem 1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}@media (max-width: 768px){.dashboard-container{padding-top:2em}}.no-ponds-message{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:2rem 0}.no-ponds-message h2{color:#2c5530;margin-bottom:1rem;font-size:1.75rem}.no-ponds-message p{color:#666;margin-bottom:2rem;font-size:1.1rem}.register-pond-btn{display:inline-flex;align-items:center;gap:.5rem;background:#2c5530;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s}.register-pond-btn:hover{background:#1e3a22;color:#fff;text-decoration:none}.no-selected-pond{text-align:center;padding:2rem;background:#f8f9fa;border-radius:12px;color:#666;margin:2rem 0}.new-pond-message{text-align:left}.new-pond-message p{margin-bottom:.5rem}.new-pond-message p:last-child{margin-bottom:0}.mock-pond-message{text-align:left}.mock-pond-message p{margin-bottom:.5rem}.mock-pond-message p:last-child{margin-bottom:0}.register-pond-link{display:inline-block;color:#2c5530;text-decoration:underline;font-weight:500;margin-top:.5rem}.register-pond-link:hover{color:#1e3a22}.feed-stats-section{display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.sensors-section{margin-bottom:2rem}.sensors-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1rem;width:100%;box-sizing:border-box}.chart-section{margin-bottom:2rem}@media (min-width: 768px){.dashboard-container{padding:2rem;max-width:1600px;margin:0 auto}.no-ponds-message h2{font-size:2rem}.feed-stats-section{grid-template-columns:repeat(2,1fr);gap:1.5rem}.sensors-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (min-width: 1024px){.dashboard-container{padding:3rem;max-width:1600px;margin:0 auto}.sensors-grid{grid-template-columns:repeat(5,1fr);gap:2rem}}@media (min-width: 1200px){.sensors-grid{grid-template-columns:repeat(5,1fr)}}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.status-badge-sm{padding:.125rem .25rem;font-size:.75rem;gap:.125rem}.status-badge-md{padding:.25rem .5rem;font-size:.875rem;gap:.25rem}.status-badge-lg{padding:.5rem .75rem;font-size:1rem;gap:.375rem}.status-badge-pending,.status-badge-sent{background-color:#3b82f61a;border-color:#3b82f64d}.status-badge-acknowledged{background-color:#06b6d41a;border-color:#06b6d44d}.status-badge-executing{background-color:#f59e0b1a;border-color:#f59e0b4d}.status-badge-completed{background-color:#10b9811a;border-color:#10b9814d}.status-badge-failed{background-color:#ef44441a;border-color:#ef44444d}.status-badge-timeout{background-color:#f59e0b1a;border-color:#f59e0b4d}.status-badge-idle{background-color:#6b72801a;border-color:#6b72804d}.status-icon{display:flex;align-items:center;justify-content:center;font-size:1em;line-height:1}.status-icon.animated{animation:spin 1s linear infinite}.status-text{font-weight:500;line-height:1}@media (max-width: 768px){.status-badge{font-size:.75rem;padding:.125rem .375rem}.status-badge-sm{font-size:.625rem;padding:.125rem .25rem}.status-badge-lg{font-size:.875rem;padding:.375rem .625rem}}@media (prefers-color-scheme: dark){.status-badge{background-color:#0003;border-color:#ffffff1a}.status-badge-pending,.status-badge-sent{background-color:#3b82f633;border-color:#3b82f666}.status-badge-acknowledged{background-color:#06b6d433;border-color:#06b6d466}.status-badge-executing{background-color:#f59e0b33;border-color:#f59e0b66}.status-badge-completed{background-color:#10b98133;border-color:#10b98166}.status-badge-failed{background-color:#ef444433;border-color:#ef444466}.status-badge-timeout{background-color:#f59e0b33;border-color:#f59e0b66}.status-badge-idle{background-color:#6b728033;border-color:#6b728066}}.status-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.status-badge:focus{outline:2px solid var(--status-color);outline-offset:2px}@media (prefers-contrast: high){.status-badge{border-width:2px;font-weight:600}}.feed-control-container{background-color:var(--color-white);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;position:relative;overflow:hidden}.feed-control-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.feed-header-left{display:flex;align-items:center}.feed-icon{font-size:24px;color:var(--color-primary-blue);margin-right:10px}.feed-title{margin:0;font-size:1.25rem;color:var(--color-primary-blue)}.feed-status-badge{margin-left:.5rem}.slider-container{margin-bottom:20px}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:linear-gradient(to right,var(--color-primary-green) 0%,var(--color-primary-green) var(--percentage),var(--color-gray-200) var(--percentage),var(--color-gray-200) 100%);border-radius:4px;outline:none;margin-bottom:10px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary-blue);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary-blue);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.slider:disabled{opacity:.5;cursor:not-allowed}.slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-gray-500)}.feed-amount-display{text-align:center;margin-bottom:20px}.feed-amount{font-size:2rem;font-weight:600;color:var(--color-primary-blue)}.feed-button{margin-top:10px}.feeding-animation{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.fish-food{position:absolute;width:8px;height:8px;background-color:#965904cc;border-radius:50%;opacity:.8;animation:falling 3s linear forwards}.fish-food:nth-child(1){left:20%;animation-delay:.2s}.fish-food:nth-child(2){left:40%;animation-delay:.4s}.fish-food:nth-child(3){left:60%;animation-delay:.1s}.fish-food:nth-child(4){left:50%;animation-delay:.5s}.fish-food:nth-child(5){left:80%;animation-delay:.3s}.ripple{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:10px;height:10px;background-color:transparent;border-radius:50%;border:2px solid var(--color-primary-blue);animation:ripple 3s linear infinite}@keyframes falling{0%{top:20%;transform:translate(0)}50%{transform:translate(10px)}to{top:90%;transform:translate(-5px);opacity:0}}@keyframes ripple{0%{width:0;height:0;opacity:1}to{width:100px;height:100px;opacity:0}}.water-level-fill.no-data{background-color:var(--color-gray-300);opacity:.3}.water-control-container{background-color:var(--color-white);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;position:relative;overflow:hidden;margin-bottom:20px}.water-control-header{display:flex;align-items:center;margin-bottom:20px}.water-header-left{display:flex;align-items:center}.water-status-badge{margin-left:.5rem;flex-shrink:0}.water-icon{font-size:24px;color:var(--color-primary-blue);margin-right:10px}.water-title{margin:0;font-size:1.25rem;color:var(--color-primary-blue)}.water-level-indicator{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.water-level-text{flex:1;font-size:.95rem;color:var(--color-gray-700)}.water-level-text span{font-weight:600;color:var(--color-primary-blue)}.water-level-visual{width:30px;height:100px;background-color:var(--color-gray-200);border-radius:4px;position:relative;overflow:hidden;border:1px solid var(--color-gray-300)}.water-level-fill{position:absolute;bottom:0;left:0;width:100%;background-color:var(--color-primary-blue);transition:height .5s ease-out}.valve-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:.5rem}.valve-label{font-size:.95rem;color:var(--color-gray-700);margin-right:10px}.valve-state{display:flex;align-items:center;font-weight:600;font-size:1rem;flex:1}.valve-state.open{color:var(--color-primary-green)}.valve-state.closed{color:var(--color-gray-500)}.toggle-icon{font-size:1.5rem;margin-right:5px}.valve-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.valve-section{display:flex;flex-direction:column;gap:.5rem}.valve-button{margin-top:10px}.water-animation{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.water-drop{position:absolute;width:12px;height:12px;background-color:var(--color-primary-blue);border-radius:0 50% 50%;transform:rotate(45deg);opacity:.8;animation:dropping 2s linear infinite}.water-drop:nth-child(1){left:30%;animation-delay:.2s}.water-drop:nth-child(2){left:50%;animation-delay:.8s}.water-drop:nth-child(3){left:70%;animation-delay:.5s}@keyframes dropping{0%{top:20%;opacity:.8}80%{opacity:.8}to{top:90%;opacity:0}}@media (max-width: 480px){.water-control-container{padding:15px;margin-bottom:30px}.water-level-indicator{flex-direction:column;align-items:flex-start}.water-level-visual{margin-top:15px;width:100%;height:30px}.water-level-fill{height:100%!important;width:var(--water-level-percentage, 0%)}.valve-status{flex-direction:column;align-items:flex-start;gap:.75rem}.valve-state{flex:none;width:100%}.water-status-badge{margin-left:0;margin-top:.25rem;align-self:flex-start}}@media (max-width: 768px) and (min-width: 481px){.valve-status{flex-direction:column;align-items:flex-start;gap:.5rem}.valve-state{flex:none;width:100%}.water-status-badge{margin-left:0;margin-top:.25rem;align-self:flex-start}}.controls-page{padding:1rem;max-width:1600px;margin:0 auto;width:100%}.control-message{margin:1rem 0;animation:slideIn .3s ease-out}.connection-status{margin:1rem 0;display:flex;justify-content:center}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .3s ease}.status-indicator.connected{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-indicator.disconnected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.connected .status-dot{background-color:#28a745}.status-indicator.disconnected .status-dot{background-color:#dc3545}.error-text{color:#dc3545;font-size:.8rem}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.controls-page{padding-top:2rem}}.controls-header{text-align:center;margin-bottom:2rem}.controls-header h2{color:#2c5530;margin-bottom:.5rem;font-size:1.75rem}.controls-header p{color:#666;font-size:1rem}.controls-container{width:100%;max-width:1600px;margin:0 auto}.controls-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;width:100%}.control-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}@media (min-width: 768px){.controls-page{padding:2rem;max-width:1600px;margin:0 auto}.controls-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.controls-header h2{font-size:2rem}}.device-control-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.device-control-header{margin-bottom:1rem}.device-control-header h3{color:#2c5530;margin:0;font-size:1.25rem;font-weight:600}.device-control-content{display:flex;flex-direction:column;gap:.75rem}.reboot-button{font-weight:600;background-color:#d93444!important;border-color:#b02a37!important}.reboot-button:hover{background-color:#af2d3a!important;border-color:#a02834!important}.reboot-warning{color:#dc3545;font-size:.75rem;margin:0;text-align:center;font-weight:400}@media (min-width: 1024px){.controls-page{padding:3rem;max-width:1600px;margin:0 auto}.controls-grid{gap:2.5rem}}.schedules-page{padding:1rem;max-width:1600px;margin:0 auto;width:100%}@media (max-width: 768px){.schedules-page.no-alert{padding-top:2rem}.schedules-page.with-alert{padding-top:0}}.schedules-header{text-align:center;margin-bottom:2rem;width:100%;max-width:1600px;margin-left:auto;margin-right:auto}.schedules-header h2{color:#2c5530;margin-bottom:.5rem;font-size:1.75rem}.schedules-header p{color:#666;font-size:1rem}.schedules-actions{margin-bottom:2rem;text-align:center}.add-schedule-btn{background:#2c5530;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s}.add-schedule-btn:hover{background:#1e3a22}.schedule-form-card{margin-bottom:2rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f8f9fa}.form-header h3{color:#2c5530;margin:0;font-size:1.5rem;font-weight:600}.schedule-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;gap:1.5rem;grid-template-columns:1fr;align-items:start}.form-group{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.form-group label{color:#2c5530;font-weight:600;font-size:.95rem;margin:0;line-height:1.2;min-height:1.2em;display:flex;align-items:center}.form-group input,.form-group select{width:100%;padding:.875rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s ease;background:#fff;height:48px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2c5530;box-shadow:0 0 0 3px #2c55301a}.form-group input.error,.form-group select.error{border-color:#dc3545}.error-text{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:block}.days-checkboxes{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;width:100%;box-sizing:border-box;overflow:hidden}.day-checkbox{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-size:.9rem;font-weight:500;color:#495057;min-width:0;overflow:hidden}.day-checkbox:hover{background:#e9ecef}.day-checkbox input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#2c5530;flex-shrink:0}.day-checkbox span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:background-color .2s ease;font-weight:500;color:#495057}.checkbox-label:hover{background:#e9ecef}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#2c5530;flex-shrink:0}.checkbox-label span{flex:1}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:2px solid #f8f9fa}.save-btn{background:#2c5530;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer}.schedules-container{width:100%;max-width:1600px;margin:0 auto}.schedules-list{display:grid;gap:1rem;width:100%}.schedule-item{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;transition:all .3s ease;overflow:hidden;position:relative;pointer-events:auto}.schedule-item:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f;border-color:var(--color-primary-green)}.schedule-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--color-primary-blue) 0%,var(--color-primary-green) 100%);pointer-events:none;z-index:1}.schedule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0}.schedule-type{display:flex;align-items:center;gap:.75rem;flex:1}.schedule-icon{color:var(--color-primary-green);font-size:1.25rem;background:#2c55301a;padding:.5rem;border-radius:10px}.schedule-type h4{color:#2c5530;margin:0;font-size:1.2rem;font-weight:600;line-height:1.3}.schedule-status-container{display:flex;align-items:center;gap:.5rem}.schedule-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;background:#f8f9fa;border:1px solid #e9ecef}@media (max-width: 768px){.schedule-header{flex-direction:column;align-items:flex-start;gap:1rem}.schedule-status-container{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.schedule-status{width:100%}.schedule-status-badge{margin-left:0;margin-top:.25rem;align-self:flex-start}}.schedule-status-badge{margin-left:.5rem}.schedule-item .status-indicator{width:8px!important;height:8px!important;border-radius:50%!important;flex-shrink:0!important;display:block!important;background:#dc3545!important;box-shadow:0 0 0 2px #dc35454d!important;animation:none!important;border:none!important;padding:0!important;margin:0!important;transition:all .3s ease!important}.schedule-item .status-indicator.active{background:#28a745!important;box-shadow:0 0 0 2px #28a74566!important;animation:pulse-active 2s ease-in-out infinite!important}.schedule-item .status-indicator.inactive{background:#dc3545!important;box-shadow:0 0 0 2px #dc35454d!important}.status-text{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-text.active{color:#28a745}.status-text.inactive{color:#dc3545}.schedule-details{padding:0 1.5rem 1.5rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f8f9fa}.detail-row:last-child{border-bottom:none}.detail-label{color:#6c757d;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#2c5530;font-weight:600;font-size:.95rem;text-align:right;max-width:60%;word-wrap:break-word}.schedule-actions{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #f8f9fa;background:#fafbfc;margin:0 -1px -1px;border-radius:0 0 16px 16px;width:100%;box-sizing:border-box;flex-wrap:wrap}.schedule-actions button{padding:.625rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:10;pointer-events:auto;flex:1;min-width:0;justify-content:center}.schedule-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.schedule-actions .btn-secondary{background:#6c757d;color:#fff;border-color:#6c757d}.schedule-actions .btn-secondary:hover{background:#5a6268;border-color:#5a6268}.schedule-actions .btn-success{background:#28a745;color:#fff;border-color:#28a745}.schedule-actions .btn-success:hover{background:#1e7e34;border-color:#1e7e34}.schedule-actions .btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.schedule-actions .btn-danger:hover{background:#c82333;border-color:#c82333}.schedule-item.editing{border-color:var(--color-primary-green);box-shadow:0 8px 30px #2c553026}.schedule-edit-form{padding:0 1.5rem 1.5rem;background:#fafbfc;margin:0 -1px;border-top:1px solid #e9ecef}.schedule-edit-form .form-row{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.schedule-edit-form .form-group{display:flex;flex-direction:column;gap:.75rem}.schedule-edit-form .form-group label{color:#2c5530;font-weight:600;font-size:.95rem;margin:0}.schedule-edit-form .form-group input,.schedule-edit-form .form-group select{width:100%;padding:.875rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s ease;background:#fff;height:48px;box-sizing:border-box}.schedule-edit-form .form-group input:focus,.schedule-edit-form .form-group select:focus{outline:none;border-color:#2c5530;box-shadow:0 0 0 3px #2c55301a}.schedule-edit-form .days-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e9ecef;width:100%;box-sizing:border-box;overflow:hidden}.schedule-edit-form .day-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-size:.9rem;font-weight:500;color:#495057}.schedule-edit-form .day-checkbox:hover{background:#f8f9fa}.schedule-edit-form .day-checkbox input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#2c5530;flex-shrink:0}.schedule-edit-form .checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:8px;cursor:pointer;transition:background-color .2s ease;font-weight:500;color:#495057;border:1px solid #e9ecef}.schedule-edit-form .checkbox-label:hover{background:#f8f9fa}.schedule-edit-form .checkbox-label input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#2c5530;flex-shrink:0}.schedule-edit-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef}@media (max-width: 767px){.schedule-edit-form .form-row{grid-template-columns:1fr}.schedule-edit-form .days-checkboxes{display:grid;grid-template-columns:repeat(2,1fr)}.schedule-edit-form .form-actions{flex-direction:column}.schedule-actions{gap:.5rem;padding:1rem}.schedule-actions button{padding:.5rem .75rem;font-size:.8rem;min-width:80px}.days-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem}.day-checkbox{padding:.375rem;font-size:.85rem;gap:.5rem}}.no-schedules{text-align:center;padding:4rem 2rem;color:#6c757d;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;width:100%;max-width:600px;margin:0 auto;border:2px dashed #dee2e6;position:relative;overflow:hidden}.no-schedules:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(44,85,48,.05) 0%,transparent 70%);animation:float 6s ease-in-out infinite}.no-schedules-icon{font-size:3rem;color:var(--color-primary-green);margin-bottom:1rem;opacity:.7;position:relative;z-index:1}.no-schedules h3{color:#2c5530;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;position:relative;z-index:1}.no-schedules p{color:#6c757d;font-size:1rem;margin:0;position:relative;z-index:1}.no-pond-message{text-align:center;padding:2rem;background:#f8f9fa;border-radius:12px;color:#666}@media (min-width: 768px){.schedules-page{padding:2rem;max-width:1600px;margin:0 auto}.schedules-header h2{font-size:2rem}.form-row{grid-template-columns:repeat(2,1fr)}.days-checkboxes{grid-template-columns:repeat(4,1fr)}.schedules-list{grid-template-columns:1fr}}@media (min-width: 1024px){.schedules-page{padding:3rem;max-width:1600px;margin:0 auto}.schedules-list{grid-template-columns:1fr}.days-checkboxes{grid-template-columns:repeat(7,1fr)}}@media (max-width: 767px){.schedule-form-card{padding:1.5rem}.form-header{flex-direction:column;gap:1rem;align-items:flex-start}.form-actions{flex-direction:column}.days-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem}.day-checkbox{padding:.5rem;font-size:.85rem}}@media (max-width: 480px){.schedule-actions{flex-direction:column;gap:.5rem}.schedule-actions button{width:100%;justify-content:center}.days-checkboxes{display:grid;grid-template-columns:1fr;gap:.5rem;padding:.5rem}.day-checkbox{padding:.25rem;font-size:.8rem;gap:.375rem}.day-checkbox input[type=checkbox]{width:16px;height:16px}}@keyframes pulse-active{0%{box-shadow:0 0 #28a745b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #28a7451a;transform:scale(1.1)}to{box-shadow:0 0 #28a74500;transform:scale(1)}}.tab-selector{margin-bottom:1.5rem}.tab-selector-container{display:flex;background:#fff;border-radius:12px;padding:4px;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.tab-selector .tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:#64748b;position:relative;min-height:44px}.tab-selector .tab-button:hover:not(:disabled){background:#f8fafc;color:#2c5530}.tab-selector .tab-button.active{background:#2c5530!important;color:#fff!important;box-shadow:0 2px 8px #2c55304d!important}.tab-selector .tab-button:disabled{opacity:.5;cursor:not-allowed}.tab-selector .tab-icon{font-size:1rem;display:flex;align-items:center}.tab-selector .tab-label{font-weight:500}.tab-selector .tab-count{background:#dc2626;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center;line-height:1}.tab-selector .tab-button.active .tab-count{background:#fff3!important;color:#fff!important}@media (max-width: 640px){.tab-selector .tab-button{padding:.625rem .75rem;font-size:.8125rem;min-height:40px}.tab-selector .tab-icon{font-size:.875rem}.tab-selector .tab-count{font-size:.6875rem;padding:.1875rem .375rem;min-width:18px}}.command-history{width:100%}.command-history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.history-actions{display:flex;gap:.75rem;align-items:center;justify-content:flex-start}.history-title h2{margin:0 0 .25rem;color:#2c5530;font-size:1.5rem;font-weight:600}.history-title p{margin:0;color:#666;font-size:.875rem}.history-actions{display:flex;gap:.75rem;align-items:center}.filter-button{display:flex;align-items:center;gap:.5rem}.filters-panel{margin-bottom:1.5rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#2c5530}.filter-group select,.filter-group input{padding:.75rem;border:2px solid #e9ecef;border-radius:8px;background:#fff;color:#333;font-size:.875rem;transition:border-color .2s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#2c5530;box-shadow:0 0 0 3px #2c55301a}.filter-actions{display:flex;gap:.75rem;justify-content:flex-end}.command-history-list{display:flex;flex-direction:column;gap:1rem}.command-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;transition:all .2s ease;position:relative;overflow:hidden}.command-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.command-card-feed{border-left:4px solid #3B82F6;background:linear-gradient(135deg,#fff,#f8fafc)}.command-card-water{border-left:4px solid #10B981;background:linear-gradient(135deg,#fff,#f0fdf4)}.command-card-system{border-left:4px solid #6B7280;background:linear-gradient(135deg,#fff,#f9fafb)}.command-card-manual{border-left:4px solid #8B5CF6;background:linear-gradient(135deg,#fff,#faf5ff)}.command-card-content{display:flex;align-items:flex-start;gap:1rem}.command-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fffc;border-radius:50%;font-size:1.5rem;box-shadow:0 2px 8px #0000001a}.command-details{flex:1;display:flex;flex-direction:column;gap:.5rem}.command-type{font-size:1.125rem;font-weight:600;color:#2c5530;line-height:1.3}.command-age{font-size:.875rem;color:#64748b;font-weight:500}.command-id{font-size:.8125rem;color:#0369a1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#e0f2fe;padding:.25rem .5rem;border-radius:4px;display:inline-block;width:fit-content}.command-priority{font-size:.8125rem;color:#7c3aed;background:#f3e8ff;padding:.25rem .5rem;border-radius:4px;display:inline-block;width:fit-content;font-weight:500}.command-amount{font-size:.875rem;color:#059669;background:#d1fae5;padding:.25rem .5rem;border-radius:4px;display:inline-block;width:fit-content;font-weight:500}.command-message{font-size:.875rem;color:#374151;line-height:1.4;display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.status-emoji{font-size:1rem;flex-shrink:0}.loading-message,.no-history,.no-pond-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.no-history-icon,.no-pond-icon{font-size:3rem;color:#94a3b8;margin-bottom:1rem}.no-history h3,.no-pond-message h3{margin:0 0 .5rem;color:#2c5530;font-size:1.25rem;font-weight:600}.no-history p,.no-pond-message p{margin:0;color:#64748b;font-size:.875rem;max-width:400px}.load-more-container{display:flex;justify-content:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0}.history-error{margin-bottom:1.5rem}@media (max-width: 768px){.command-history-header{flex-direction:column;align-items:stretch;gap:1rem}.history-actions{justify-content:flex-end}.command-card-content{gap:.75rem}.command-icon{width:40px;height:40px;font-size:1.25rem}.command-type{font-size:1rem}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}}@media (max-width: 480px){.command-card{padding:1rem}.command-icon{width:36px;height:36px;font-size:1.125rem}.command-type{font-size:.9375rem}.command-age,.command-message{font-size:.8125rem}.command-id,.command-priority,.command-amount{font-size:.75rem}}.alerts-page{padding:1rem;max-width:1600px;margin:0 auto;width:100%}.alerts-tab-selector{margin-bottom:2rem}@media (max-width: 768px){.alerts-page{padding-top:2rem}}.alerts-header{text-align:center;margin-bottom:2rem;position:relative;width:100%;max-width:1600px;margin-left:auto;margin-right:auto}.alerts-header h2{color:#2c5530;margin-bottom:.5rem;font-size:1.75rem}.alerts-header p{color:#666;font-size:1rem}.unread-badge{position:absolute;top:0;right:0;background:#dc3545;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.alerts-container{width:100%;max-width:1600px;margin:0 auto}.alerts-list{display:grid;gap:1rem;width:100%}.alert-card{padding:1.5rem;border:1px solid #e0e0e0;border-radius:12px;background:#fff;transition:all .2s ease}.alert-card.unread{border-left:4px solid #2c5530;background:#f8f9fa}.alert-card.alert-danger{border-left:4px solid #dc3545}.alert-card.alert-warning{border-left:4px solid #ffc107}.alert-card.alert-success{border-left:4px solid #28a745}.alert-card.alert-info{border-left:4px solid #17a2b8}.alert-content{display:flex;gap:1rem}.alert-icon-container{flex-shrink:0;display:flex;align-items:flex-start;padding-top:.25rem}.alert-icon{font-size:1.25rem}.alert-icon.danger{color:#dc3545}.alert-icon.warning{color:#ffc107}.alert-icon.success{color:#28a745}.alert-icon.info{color:#17a2b8}.alert-details{flex:1}.alert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.alert-title{color:#2c5530;margin:0;font-size:1.1rem;font-weight:600}.alert-pond{background:#e9ecef;color:#495057;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.alert-message{color:#666;margin-bottom:1rem;line-height:1.5}.alert-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.alert-type{background:#e9ecef;color:#495057;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase}.alert-type.warning{background:#fff3cd;color:#856404}.alert-type.error{background:#f8d7da;color:#721c24}.alert-type.success{background:#d4edda;color:#155724}.alert-type.info{background:#d1ecf1;color:#0c5460}.alert-status-badge{margin-left:.5rem}.alert-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.alert-timestamp{color:#999;font-size:.875rem}.alert-actions{display:flex;gap:.5rem;align-items:center}.mark-read-btn{background:#2c5530;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.mark-read-btn:hover{background:#1e3a22}.delete-alert-btn{background:#dc3545;color:#fff;border:none;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.delete-alert-btn:hover{background:#c82333}.no-alerts{text-align:center;padding:4rem 2rem;color:#6c757d;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;width:100%;max-width:600px;margin:0 auto;border:2px dashed #dee2e6;position:relative;overflow:hidden}.no-alerts:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(44,85,48,.05) 0%,transparent 70%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(180deg)}}.no-alerts-icon{font-size:3rem;color:var(--color-primary-green);margin-bottom:1rem;opacity:.7;position:relative;z-index:1}.no-alerts h3{color:#2c5530;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;position:relative;z-index:1}.no-alerts p{color:#6c757d;font-size:1rem;margin:0;position:relative;z-index:1}.no-pond-message{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:12px;color:#666;margin-bottom:2rem}.loading-message{display:flex;justify-content:center;align-items:center;padding:3rem 1.5rem;text-align:center}.alerts-error{margin-bottom:1.5rem}.unread-count{color:#dc3545;font-weight:600}@media (min-width: 768px){.alerts-page{padding:2rem;max-width:1600px;margin:0 auto}.alerts-header h2{font-size:2rem}.alerts-list{grid-template-columns:1fr}.alert-content{gap:1.5rem}.alert-icon{font-size:1.5rem}}@media (min-width: 1024px){.alerts-page{padding:3rem;max-width:1600px;margin:0 auto}.alerts-list{grid-template-columns:1fr}}@media (min-width: 1200px){.alerts-list{grid-template-columns:1fr}}.pagination-controls{margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem;align-items:center}.pagination-info{font-size:.875rem;color:#64748b;text-align:center}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.page-numbers{display:flex;gap:.25rem;align-items:center}.page-number{padding:.5rem .75rem;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;min-width:40px;text-align:center}.page-number:hover:not(:disabled){background:#f8fafc;border-color:#2c5530;color:#2c5530}.page-number.active{background:#2c5530;color:#fff;border-color:#2c5530}.page-number:disabled{opacity:.5;cursor:not-allowed}.settings-page{padding:1rem;max-width:1600px;margin:0 auto;width:100%}@media (max-width: 768px){.settings-page.no-alert{padding-top:4rem}.settings-page.with-alert{padding-top:0}}.settings-header{text-align:center;margin-bottom:2rem}.settings-header h2{color:#2c5530;margin-bottom:.5rem;font-size:1.75rem}.settings-header p{color:#666;font-size:1rem}.settings-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #f0f0f0;padding-bottom:1rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;border-radius:8px;font-size:1rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:#f8f9fa;color:#2c5530}.tab-button.active{background:#2c5530;color:#fff}.manage-ponds-btn{background:#28a745;color:#fff;border-color:#28a745}.manage-ponds-btn:hover{background:#1e7e34;border-color:#1e7e34}.settings-content{width:100%}.settings-sections{display:grid;gap:2rem;max-width:1600px;margin:0 auto;width:100%}.settings-section{padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.section-title{display:flex;align-items:center;gap:.75rem;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}.section-actions{display:flex;gap:.5rem;align-items:center}.section-title h3{color:#2c5530;margin:0;font-size:1.25rem}.section-icon{color:#2c5530;font-size:1.25rem}.section-actions{display:flex;gap:.5rem}.profile-form,.password-form,.wifi-form{display:grid;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:grid;gap:.5rem}.form-group label{font-weight:500;color:#333}.save-btn{background:#2c5530;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.profile-info,.password-info,.wifi-info,.system-info{display:grid;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:#666}.info-value{color:#333}.status-connected,.status-online{color:#28a745;font-weight:500}.status-offline{color:#dc3545;font-weight:500}.info-value.online{color:#28a745;font-weight:600}.info-value.offline{color:#dc3545;font-weight:600}.info-value.error-text{color:#dc3545;font-style:italic;text-align:left;word-break:break-word}.loading-state{text-align:center;padding:2rem;color:#666}.no-data{text-align:center;padding:2rem;color:#666;font-style:italic}.no-config,.no-pond-message{text-align:center;padding:2rem;color:#666}.add-config-btn{background:#2c5530;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem}.pond-system-container{display:flex;flex-direction:column;gap:2rem}.selected-pair-info{background:#f8f9fa;border-radius:8px;padding:1rem;border-left:4px solid #2c5530}.info-section-title{color:#2c5530;margin:0 0 1rem;font-size:1.1rem;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}.account-actions{text-align:center;padding:1rem 0}.logout-btn{background:#dc3545;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s;margin-bottom:1rem}.logout-btn:hover{background:#c82333}.logout-warning{color:#666;font-size:.9rem;margin:0}@media (max-width: 768px){.settings-tabs{flex-direction:column;gap:.5rem}.tab-button{justify-content:center}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.info-row{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (min-width: 768px){.settings-page{padding:2rem;max-width:1600px;margin:0 auto}.settings-header h2{font-size:2rem}.settings-sections{grid-template-columns:1fr;max-width:1600px;margin:0 auto}}@media (min-width: 1024px){.settings-page{padding:3rem;max-width:1600px;margin:0 auto}.settings-sections{grid-template-columns:1fr;max-width:1600px;margin:0 auto}}.register-pond-page{padding:1rem;max-width:1600px;margin:0 auto;width:100%}@media (max-width: 768px){.register-pond-page.no-alert{padding-top:4rem}.register-pond-page.with-alert{padding-top:0}.device-id-field-group{gap:.375rem}.qr-scan-inline{margin-top:1.375rem}.qr-scan-btn,.qr-cancel-btn{min-width:60px;height:40px;font-size:.8125rem;padding:.4375rem .625rem}}@media (max-width: 414px){.device-id-field-group{gap:.25rem;flex-direction:column;align-items:stretch}.qr-scan-inline{margin-top:.5rem;align-self:center}.qr-scan-btn,.qr-cancel-btn{min-width:85px;height:38px;font-size:.8rem;padding:.375rem .5rem}}.register-pond-header{text-align:center;margin-bottom:2rem}.register-pond-header h2{color:var(--color-primary-blue);font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-primary-blue) 0%,var(--color-primary-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-pond-header p{color:var(--color-gray-600);font-size:1.1rem;margin:0}.register-pond-content{display:flex;justify-content:center;max-width:600px;margin:0 auto}.register-pond-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef;padding:2rem;width:100%}.register-pond-card form{display:grid;gap:1.5rem}.device-id-field-group{position:relative;display:flex;align-items:flex-start;gap:.5rem}.device-id-input{flex:1;min-width:0}.device-id-input .form-control{font-family:Courier New,monospace;letter-spacing:.05em}.device-id-input .form-control::placeholder{font-family:var(--font-family);letter-spacing:normal}.qr-scan-inline{display:flex;align-items:center;justify-content:center;margin-top:1.625rem;flex-shrink:0}.qr-scan-btn{background:var(--color-primary-blue);color:#fff;border:1px solid var(--color-primary-blue);padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:65px;height:42px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box}.qr-scan-btn:hover{background:#1a3a6b;border-color:#1a3a6b;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.qr-scan-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.qr-cancel-btn{background:var(--color-danger);color:#fff;border:1px solid var(--color-danger);padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:65px;height:42px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box}.qr-cancel-btn:hover{background:#d63031;border-color:#d63031;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.qr-cancel-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.qr-scanner-container{background:#f8f9fa;border:2px dashed #e9ecef;border-radius:12px;padding:1.5rem;text-align:center;position:relative;margin:1rem 0}.scanner-header{margin-bottom:1rem}.scanner-header h4{color:var(--color-primary-blue);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.scanner-header p{color:var(--color-gray-600);font-size:.9rem;margin:0}.scanner-viewport{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px;background:#000;border-radius:8px;overflow:hidden}#qr-scanner{width:100%;max-width:300px;margin:0 auto}.scanner-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;z-index:10}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scanner-loading p{margin:0;font-size:.9rem}.scanner-instructions{margin-top:1rem;text-align:left;background:#3490dc1a;padding:1rem;border-radius:6px;border-left:4px solid var(--color-primary-blue)}.scanner-instructions p{margin:.25rem 0;font-size:.85rem;color:var(--color-gray-700)}.camera-selection{margin-bottom:1rem;text-align:left}.camera-select-label{display:block;font-size:.9rem;font-weight:500;color:var(--color-gray-700);margin-bottom:.5rem}.camera-select{width:100%;padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:6px;background:#fff;color:var(--color-gray-700);font-size:.9rem;cursor:pointer;transition:border-color .2s ease}.camera-select:focus{outline:none;border-color:var(--color-primary-blue);box-shadow:0 0 0 2px #3490dc1a}.camera-select:hover{border-color:var(--color-gray-400)}.pond-count-selector{margin:1.5rem 0}.pond-count-buttons{display:flex;gap:.5rem;margin-top:.5rem}.pond-count-btn{flex:1;padding:.75rem 1rem;border:2px solid var(--color-gray-300);background:#fff;color:var(--color-gray-700);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pond-count-btn:hover{border-color:var(--color-primary-blue);color:var(--color-primary-blue)}.pond-count-btn.active{background:var(--color-primary-blue);color:#fff;border-color:var(--color-primary-blue)}.pond-details-section{margin:1.5rem 0}.pond-details-section h3{color:var(--color-primary-blue);font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.pond-detail-card{background:#f8f9fa;border:1px solid var(--color-gray-200);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.pond-detail-card h4{color:var(--color-primary-green);font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.pond-detail-card:last-child{margin-bottom:0}.submit-button{background:var(--color-primary-green);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.submit-button:hover{background:#1e7e34}.submit-button:disabled{background:#6c757d;cursor:not-allowed}@media (min-width: 768px){.register-pond-page{padding:2rem}.register-pond-header h2{font-size:2.5rem}.register-pond-card{padding:2.5rem}}@media (min-width: 1024px){.register-pond-page{padding:3rem}.register-pond-content{max-width:700px}}@media (max-width: 767px){.register-pond-card{padding:1.5rem}.qr-scanner-container{padding:1rem}}.manage-ponds-page{padding:1rem;max-width:1600px;margin:0 auto;width:100%}@media (max-width: 768px){.manage-ponds-page.no-alert{padding-top:4rem}.manage-ponds-page.with-alert{padding-top:0}}.manage-ponds-header{text-align:center;margin-bottom:2rem}.manage-ponds-header h2{color:var(--color-primary-blue);font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-primary-blue) 0%,var(--color-primary-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.manage-ponds-header p{color:var(--color-gray-600);font-size:1.1rem;margin:0}.no-ponds-message{text-align:center;padding:3rem 2rem;max-width:600px;margin:0 auto}.no-ponds-message h2{color:var(--color-gray-700);font-size:2rem;font-weight:600;margin-bottom:1rem}.no-ponds-message p{color:var(--color-gray-600);font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.no-ponds-message .register-pond-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary-blue);color:var(--color-white);text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s ease}.no-ponds-message .register-pond-link:hover{background:var(--color-primary-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.manage-ponds-content{display:grid;gap:2rem;grid-template-columns:1fr}.card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.card-header h3{color:#2c5530;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.card-header p{color:#666;margin:0;font-size:.9rem}.ponds-list-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef;padding:1.5rem}.ponds-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.pond-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease}.pond-item:hover{border-color:var(--color-primary-green);background:#f0f8f0}.pond-item.active{border-color:var(--color-primary-green);background:#e8f5e8}.pond-name{font-weight:600;color:#2c5530;font-size:1rem}.pond-actions{display:flex;gap:.5rem}.pond-action{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.pond-action.edit{background:#007bff;color:#fff}.pond-action.edit:hover{background:#0056b3}.pond-action.delete{background:#dc3545;color:#fff}.pond-action.delete:hover{background:#c82333}.register-pond-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--color-primary-green);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background-color .2s ease;margin-top:1rem}.register-pond-link:hover{background:#1e7e34;color:#fff;text-decoration:none}.register-icon{font-size:1.1rem}.no-ponds{text-align:center;padding:2rem;color:#666}.no-ponds p{margin-bottom:1rem}.pond-edit-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef;padding:1.5rem}.pond-edit-form{display:grid;gap:1.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.pond-instructions{text-align:center;padding:2rem;color:#666}.pond-instructions p{margin-bottom:.5rem}.success-message{display:flex;align-items:center;gap:.5rem}.success-icon{color:var(--color-primary-green)}@media (min-width: 768px){.manage-ponds-page{padding:2rem}.manage-ponds-header h2{font-size:2.5rem}.manage-ponds-content{grid-template-columns:1fr 1fr;gap:2rem}}@media (min-width: 1024px){.manage-ponds-page{padding:3rem}.manage-ponds-content{gap:3rem}}@media (max-width: 767px){.form-actions{flex-direction:column}.pond-actions{gap:.25rem}.pond-action{width:32px;height:32px}}