@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*{margin:0;padding:0}.login-page{color:#14251f;background:radial-gradient(circle at 15% 20%,#32c9891f,#0000 30%),radial-gradient(circle at 85% 75%,#2bb07517,#0000 32%),#f3f7f5;flex-direction:column;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.login-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-grid{opacity:.25;background-image:linear-gradient(#318f670b 1px,#0000 1px),linear-gradient(90deg,#318f670b 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.login-orb{filter:blur(1px);opacity:.45;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle,#30ca8929,#0000 68%);width:280px;height:280px;animation:8s ease-in-out infinite loginFloatOne;top:-100px;left:-80px}.orb-two{background:radial-gradient(circle,#31b57921,#0000 68%);width:350px;height:350px;animation:10s ease-in-out infinite loginFloatTwo;bottom:-130px;right:-120px}.orb-three{background:radial-gradient(circle,#51d8971a,#0000 68%);width:160px;height:160px;animation:7s ease-in-out infinite loginFloatThree;top:12%;right:28%}@keyframes loginFloatOne{0%,to{transform:translate(0)}50%{transform:translate(25px,30px)}}@keyframes loginFloatTwo{0%,to{transform:translate(0)}50%{transform:translate(-30px,-25px)}}@keyframes loginFloatThree{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.login-container{z-index:2;justify-content:center;align-items:center;gap:70px;width:min(1060px,100% - 40px);margin:auto;padding:45px 0;display:flex;position:relative}.login-brand{max-width:530px}.brand-logo{background:linear-gradient(145deg,#fff,#dff5e9);border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:20px;display:flex;box-shadow:0 20px 40px #1f48381c,inset 0 1px #fffffff2}.brand-logo-inner{background:linear-gradient(145deg,#e4faed,#bdebd4);border-radius:17px;justify-content:center;align-items:center;width:56px;height:56px;font-size:31px;display:flex;box-shadow:inset 0 2px #fffc,0 10px 20px #2a9f6b1f}.brand-label{color:#65a288;letter-spacing:2px;font-size:8px;font-weight:800}.login-brand h1{color:#153b2e;letter-spacing:-2.5px;margin:7px 0 10px;font-size:48px;font-weight:850}.login-brand h1 span{color:#2eb777}.login-brand>p{color:#7b9087;max-width:470px;margin:0;font-size:12px;line-height:1.7}.login-system-status{background:#ffffffb3;border:1px solid #dcece5;border-radius:12px;align-items:center;gap:9px;margin-top:25px;padding:10px 13px;display:inline-flex;box-shadow:0 8px 20px #1f48380a}.login-system-status strong{color:#2d795c;font-size:9px;display:block}.login-system-status small{color:#95a59e;margin-top:2px;font-size:7px;display:block}.login-features{gap:10px;margin-top:30px;display:flex}.login-feature{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff9e;border:1px solid #e3ece8;border-radius:11px;align-items:center;gap:8px;padding:9px 11px;transition:all .25s;display:flex}.login-feature:hover{transform:translateY(-3px);box-shadow:0 10px 20px #1f483812}.login-feature>span{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.login-feature strong{color:#41685a;font-size:8px;display:block}.login-feature small{color:#9aa9a3;margin-top:2px;font-size:6px;display:block}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #12443114;border-radius:15px;min-width:400px;padding:31px;transition:all .3s;position:relative;box-shadow:0 25px 60px #1f48381c,0 5px 15px #1f48380a,inset 0 1px #fffffff2}.login-card:hover{transform:translateY(-3px);box-shadow:0 30px 70px #1f483824,inset 0 1px #fffffff2}.login-card-header{margin-bottom:24px}.mobile-login-logo{background:#e7f7ee;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:15px;font-size:21px;display:none}.login-card-label{text-align:center;color:#69a18b;letter-spacing:1.6px;font-size:20px;font-weight:800}.login-error{color:#b85e5e;background:#fff5f5;border:1px solid #f1dada;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-bottom:15px;padding:9px 10px;font-size:10px;display:flex}.login-error span{font-size:12px}.form-group{margin-bottom:17px}.form-group label{color:#71877e;letter-spacing:1px;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.password-label-row{justify-content:space-between;align-items:center;display:flex}.password-label-row label{margin-bottom:7px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#91a59c;pointer-events:none;font-size:13px;position:absolute;left:12px}.input-wrapper input{box-sizing:border-box;color:#315649;background:#f9fbfa;border:1px solid #dfe9e4;border-radius:10px;outline:none;width:100%;height:40px;padding:0 40px 0 36px;font-family:inherit;font-size:12px;transition:all .2s}.input-wrapper input::placeholder{color:#b0bbb7}.input-wrapper input:hover{border-color:#c9ddd4}.input-wrapper input:focus{background:#fff;border-color:#4fc18b;box-shadow:0 0 0 3px #38c3881a}.password-toggle{cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex;position:absolute;right:10px}.password-toggle:hover{opacity:1;background:#edf6f1}.login-options{justify-content:space-between;align-items:center;margin:2px 0 18px;display:flex}.remember-option{cursor:pointer;align-items:center;gap:7px;position:relative;color:#82948d!important;letter-spacing:0!important;margin:0!important;font-size:10px!important;font-weight:500!important;display:flex!important}.remember-option input{opacity:0;pointer-events:none;position:absolute}.custom-checkbox{background:#fff;border:1px solid #ccdcd5;border-radius:4px;width:14px;height:14px;transition:all .2s;display:inline-block}.remember-option input:checked+.custom-checkbox{background:linear-gradient(135deg,#25af70,#4ad493);border-color:#31b878;box-shadow:0 3px 8px #2bb8772e}.remember-option input:checked+.custom-checkbox:after{content:"✓";color:#fff;text-align:center;font-size:9px;font-weight:900;line-height:13px;display:block}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1eae6d,#42cf8b);border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:45px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 10px 20px #20ae6d33}.login-button:hover{transform:translateY(-2px);box-shadow:0 14px 26px #20ae6d47}.login-button:active{transform:translateY(0)}.login-text{margin-left:135px;font-size:12px}.login-arrow{background:#ffffff29;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:15px;display:flex}.login-divider{align-items:center;gap:10px;margin:22px 0 16px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e6ede9;flex:1;height:1px}.login-divider span{color:#a2afa9;letter-spacing:1.2px;font-size:6px;font-weight:800}.security-info{background:#f7faf8;border:1px solid #e5eee9;border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.security-icon{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;font-size:14px;display:flex}.security-info strong{color:#547267;font-size:8px;display:block}.security-info span{color:#9aa8a2;margin-top:2px;font-size:6px;line-height:1.4;display:block}.login-version{text-align:center;color:#a2afa9;letter-spacing:.5px;margin-top:15px;font-size:6px}.login-version span{color:#c2ccc7;margin:0 4px}.login-footer{z-index:2;color:#93a39c;border-top:1px solid #85a4962e;justify-content:center;gap:25px;padding:15px 20px;font-size:7px;display:flex;position:relative}@media (width<=950px){.login-container{grid-template-columns:1fr;gap:25px;max-width:450px;padding:30px 0}.login-brand{text-align:center;max-width:450px}.brand-logo{margin:0 auto 15px}.login-brand>p{margin:auto}.login-system-status{margin-top:17px}.login-features{justify-content:center;margin-top:17px}.login-brand h1{font-size:39px}}@media (width<=600px){.login-container{width:min(100% - 28px,430px);padding:20px 0}.login-brand{display:none}.login-card{border-radius:18px;min-width:350px;padding:25px 21px}.login-footer{text-align:center;flex-direction:column;align-items:center;gap:5px}}@media (height<=700px){.login-container{padding:20px 0}.brand-logo{width:60px;height:60px;margin-bottom:12px}.brand-logo-inner{width:44px;height:44px;font-size:24px}.login-brand h1{font-size:36px}.login-features{margin-top:15px}}.sidebar{color:#fff;z-index:1000;scrollbar-width:none;background:linear-gradient(145deg,#071a16,#0b2820 45%,#06130f);flex-direction:column;width:275px;height:100vh;padding:24px 18px;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:15px 0 40px #00000047,inset -1px 0 #ffffff0d}.sidebar-logo{align-items:center;gap:12px;padding:5px 8px 24px;display:flex}.sidebar-logo-icon{background:linear-gradient(145deg,#32d583,#0b8f58);border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:23px;display:flex;box-shadow:0 10px 25px #15c37440,inset 0 1px #ffffff40}.sidebar-logo-text h2{letter-spacing:-.5px;margin:0;font-size:19px}.sidebar-logo-text span{color:#73cda5;letter-spacing:1.5px;margin-top:3px;font-size:9px;font-weight:700;display:block}.sidebar-close{display:none}.sidebar-status{background:#ffffff0b;border:1px solid #64ffb41f;border-radius:14px;align-items:center;gap:11px;margin:4px 4px 25px;padding:13px;display:flex}.status-dot{background:#35df86;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #35df86}.sidebar-status strong{font-size:12px;display:block}.sidebar-status small{color:#6d9f8b;margin-top:3px;font-size:10px;display:block}.sidebar-section-title{color:#55796d;letter-spacing:1.7px;margin:10px 12px;font-size:9px;font-weight:800}.sidebar-menu{flex-direction:column;gap:5px;display:flex}.sidebar-link{color:#91ada4;border-radius:10px;align-items:center;gap:13px;min-height:48px;padding:0 13px;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s;display:flex;position:relative}.sidebar-link:hover{color:#fff;background:#ffffff0f;transform:translate(3px)}.sidebar-link.active{color:#fff;background:linear-gradient(100deg,#27c97940,#1680521f);box-shadow:inset 3px 0 #36d889,inset 0 1px #ffffff0d,0 8px 20px #00000026}.sidebar-icon{background:#ffffff0a;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;font-size:17px;display:flex}.sidebar-link.active .sidebar-icon{background:#2fd58424}.sidebar-bottom{margin-top:20px}.sidebar-team{border-top:1px solid #ffffff0f;align-items:center;gap:11px;margin-top:auto;padding:15px 10px 4px;display:flex}.team-icon{background:#ffffff0f;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.sidebar-team strong{font-size:12px;display:block}.sidebar-team small{color:#5f8879;margin-top:3px;font-size:9px;display:block}.sidebar-overlay{display:none}@media (width<=900px){.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:25px;display:block}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0000008c;display:block;position:fixed;inset:0}}.sidebar-logout{color:#8c9d96;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;width:100%;margin-top:4px;padding:11px 13px;font-family:inherit;font-size:9px;font-weight:600;transition:background .2s,color .2s,transform .2s,border-color .2s;display:flex}.sidebar-logout .sidebar-icon{border-radius:8px;justify-content:center;align-items:center;width:25px;height:25px;font-size:15px;transition:all .2s;display:flex}.sidebar-logout:hover{color:#fff;background:#ffffff0f;transform:translate(3px)}.sidebar-logout:hover .sidebar-icon{color:#c44f4f;background:#ffe8e8}.sidebar-logout:active{transform:translate(1px)}:root{--bg:#07110e;--panel:#0d1d18e0;--panel-strong:#0d211b;--border:#92dab621;--text:#e9f7ef;--muted:#8ca99b;--accent:#54d89a;--accent-2:#7cf0bb;--warning:#f1c66a;--danger:#ee7e7e;--shadow:0 22px 55px #00000052}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif}.dashboard-shell{background:radial-gradient(circle at 75% 0,#379c6b1f,#0000 28%),radial-gradient(circle at 15% 35%,#25755314,#0000 24%),#07110e;min-height:100vh}.dashboard{min-height:100vh;padding:34px 42px 22px 310px;position:relative;overflow:hidden}.dashboard:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.dashboard-breadcrumb,.section-label{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.header-copy h1{letter-spacing:-.04em;margin:7px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3vw,43px)}.header-copy p,.system-3d-header p{color:var(--muted);margin:0;font-size:14px}.system-status{background:#0f271fbd;border:1px solid #54d89a2e;border-radius:15px;align-items:center;gap:12px;min-width:205px;padding:13px 16px;display:flex;box-shadow:inset 0 1px #ffffff0a}.system-status.is-offline{border-color:#ee7e7e40}.status-dot,.live-badge i,.sensor-status i,.pump-light{background:var(--accent);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 14px #54d89acc}.system-status.is-offline .status-dot{background:var(--danger);box-shadow:0 0 14px #ee7e7ea6}.system-status strong,.system-status small{display:block}.system-status strong{font-size:13px}.system-status small{color:var(--muted);margin-top:2px;font-size:11px}.sensor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px;display:grid}.sensor-card,.chart-card,.quick-status-card,.system-3d-card{border:1px solid var(--border);box-shadow:var(--shadow), inset 0 1px #ffffff09;background:linear-gradient(145deg,#132a22ed,#081410ed);border-radius:20px;position:relative}.sensor-card{min-height:174px;padding:20px;transition:transform .25s,border-color .25s;overflow:hidden}.sensor-card:hover{border-color:#54d89a47;transform:translateY(-3px)}.sensor-card-glow{filter:blur(3px);background:#54d89a1a;border-radius:50%;width:100px;height:100px;position:absolute;top:-45px;right:-45px}.sensor-card-top{justify-content:space-between;align-items:center;display:flex;position:relative}.sensor-icon{width:39px;height:39px;color:var(--accent-2);background:#54d89a12;border:1px solid #54d89a2e;border-radius:12px;place-items:center;font-size:19px;display:grid}.sensor-status{text-transform:uppercase;letter-spacing:.09em;color:var(--accent-2);align-items:center;gap:6px;font-size:10px;display:flex}.sensor-status.warning{color:var(--warning)}.sensor-status.warning i{background:var(--warning);box-shadow:0 0 12px #f1c66a99}.sensor-status.offline{color:var(--danger)}.sensor-status.offline i{background:var(--danger);box-shadow:none}.sensor-title{color:var(--muted);margin-top:20px;font-size:12px;display:block}.sensor-value{letter-spacing:-.04em;margin-top:3px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700}.sensor-value span{color:var(--muted);letter-spacing:0;margin-left:5px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.sensor-description{color:#78958a;margin:7px 0 0;font-size:11px}.system-3d-card{margin-bottom:18px;overflow:hidden}.system-3d-header,.chart-header{justify-content:space-between;align-items:flex-start;gap:18px;padding:23px 24px 0;display:flex}.system-3d-header h2,.chart-header h3{letter-spacing:-.03em;margin:6px 0 0;font-family:Space Grotesk,sans-serif}.system-3d-header h2{font-size:22px}.chart-header h3{font-size:18px}.live-badge{color:var(--accent-2);letter-spacing:.1em;background:#54d89a0f;border:1px solid #54d89a33;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:700;display:flex}.chart-period{color:#718d82;white-space:nowrap;padding-top:5px;font-size:10px}.hydroponic-visual{perspective:900px;background:radial-gradient(at bottom,#3baa7524,#0000 55%);border-bottom:1px solid #92dab614;height:390px;margin:0 22px;position:relative;overflow:hidden}.grid-floor{background-image:linear-gradient(#54d89a14 1px,#0000 1px),linear-gradient(90deg,#54d89a14 1px,#0000 1px);background-size:34px 34px;height:220px;position:absolute;bottom:-78px;left:2%;right:2%;transform:rotateX(64deg);-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}.tank-shadow{filter:blur(14px);background:#0000008c;border-radius:50%;width:330px;height:42px;position:absolute;bottom:45px;left:7%}.water-tank{width:280px;height:255px;position:absolute;bottom:62px;left:7%;transform:rotateX(2deg)rotateY(5deg)}.tank-lid,.tank-base{color:#7ba998;letter-spacing:.15em;background:linear-gradient(145deg,#173a2d,#0b2119);border:1px solid #85e1b933;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff0f,0 20px 35px #00000040}.tank-lid{border-radius:12px 12px 5px 5px;height:28px}.tank-glass{background:#4e96770a;border:1px solid #7de1be3d;border-top:0;height:202px;position:relative;overflow:hidden;box-shadow:inset 12px 0 35px #6cdcac09,inset -12px 0 35px #0000002e}.water-level{background:linear-gradient(#41ca8d3d,#26966899);min-height:0;transition:height .6s;position:absolute;bottom:0;left:0;right:0}.water-level strong{font-family:Space Grotesk,sans-serif;font-size:22px;position:absolute;top:17px;right:16px}.water-wave{border-top:2px solid #9df4cf59;border-radius:50%;width:150%;height:16px;animation:5s linear infinite wave;position:absolute;top:-7px}.wave-two{opacity:.45;animation-duration:7s;left:-45%}@keyframes wave{0%{transform:translate(-30%)}to{transform:translate(10%)}}.tank-measure{color:#c9ebdc61;font-size:8px;position:absolute;right:7px}.tank-measure.top{top:7px}.tank-measure.mid{top:49%}.tank-measure.bottom{bottom:5px}.tank-base{border-radius:4px 4px 10px 10px;height:25px;font-size:8px}.grow-rack{width:50%;height:230px;position:absolute;bottom:84px;right:7%;transform:rotateY(-12deg)rotateX(4deg)}.grow-row{height:68px;margin-bottom:6px;position:relative}.grow-channel{background:linear-gradient(#173d2f,#0a2018);border:1px solid #85e1b93d;border-radius:5px 8px 8px 5px;height:18px;position:absolute;bottom:13px;left:14%;right:3%;box-shadow:0 9px 12px #00000040}.grow-row b{color:#5e8979;font-size:8px;position:absolute;bottom:17px;right:-2px}.plant{z-index:2;filter:drop-shadow(0 8px 7px #00000059);font-size:31px;position:absolute;bottom:25px}.plant-a{left:18%}.plant-b{font-size:28px;left:43%}.plant-c{left:65%}.pipe{background:linear-gradient(90deg,#173a2d,#2e7255,#173a2d);border:1px solid #9ee5c738;border-radius:999px;height:8px;position:absolute;box-shadow:0 7px 14px #00000047}.pipe-one{width:38%;bottom:88px;left:31%;transform:rotate(-8deg)}.pipe-two{width:22%;bottom:120px;left:18%;transform:rotate(77deg)}.pipe-three{width:31%;bottom:218px;left:29%;transform:rotate(2deg)}.pump-unit{text-align:center;background:#0d241b;border:1px solid #54d89a33;border-radius:12px;width:82px;padding:10px;position:absolute;bottom:37px;left:42%;box-shadow:0 12px 25px #0000004d}.pump-unit strong,.pump-unit small{display:block}.pump-unit strong{font-size:10px}.pump-unit small{color:var(--accent);letter-spacing:.1em;margin-top:2px;font-size:7px}.pump-light{width:6px;height:6px;margin-bottom:5px}.system-stats{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.system-stats div{border-right:1px solid var(--border);padding:15px 22px}.system-stats div:last-child{border-right:0}.system-stats span,.system-stats strong{display:block}.system-stats span{color:#718d82;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.system-stats strong{margin-top:4px;font-family:Space Grotesk,sans-serif;font-size:16px}.charts-grid{grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:18px;display:grid}.bottom-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.chart-card,.quick-status-card{min-width:0;overflow:hidden}.chart-wrap{height:330px;padding:10px 14px 10px 5px}.chart-empty{text-align:center;height:100%;color:var(--muted);place-content:center;display:grid}.chart-empty span{color:var(--accent);font-size:26px}.chart-empty p{margin:9px 0 3px}.chart-empty small{color:#5f796e;font-size:10px}.recharts-text{fill:#78958a}.recharts-legend-item-text{font-size:11px;color:#9ab2a8!important}.recharts-default-tooltip{border-radius:12px!important}.component-list{padding:12px 24px 22px}.component-item{border-bottom:1px solid #92dab614;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.component-item:last-child{border-bottom:0}.component-icon{width:36px;height:36px;color:var(--accent-2);background:#54d89a0f;border:1px solid #54d89a1f;border-radius:11px;place-items:center;display:grid}.component-item strong,.component-item span{display:block}.component-item strong{font-size:12px}.component-item span{color:#718d82;margin-top:3px;font-size:10px}.component-item b{letter-spacing:.08em;color:var(--accent-2);font-size:9px}.offline-label{color:var(--danger)!important}.dashboard-footer{color:#5f796e;border-top:1px solid #92dab614;justify-content:space-between;gap:20px;margin-top:18px;padding:15px 3px 0;font-size:10px;display:flex}.mobile-menu-button{display:none}@media (width<=1200px){.dashboard{padding-left:270px;padding-right:25px}.sensor-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media (width<=800px){.dashboard{padding:72px 16px 20px}.dashboard-header{flex-direction:column;align-items:stretch}.system-status{width:100%}.mobile-menu-button{z-index:1000;border:1px solid var(--border);width:43px;height:43px;color:var(--text);background:#10271f;border-radius:12px;font-size:20px;display:block;position:fixed;top:15px;left:15px}.sensor-grid,.bottom-grid{grid-template-columns:1fr}.system-stats{grid-template-columns:repeat(2,1fr)}.system-stats div:nth-child(2){border-right:0}.system-stats div:nth-child(-n+2){border-bottom:1px solid var(--border)}.hydroponic-visual{height:330px;margin:0 8px}.water-tank{transform-origin:0 100%;left:2%;transform:scale(.78)}.grow-rack{transform-origin:100% 100%;width:62%;right:-8%;transform:scale(.78)rotateY(-12deg)}.pump-unit{left:43%;transform:scale(.85)}}@media (width<=520px){.sensor-grid{grid-template-columns:1fr}.sensor-card{min-height:150px}.system-3d-header,.chart-header{padding-left:17px;padding-right:17px}.system-3d-header{flex-direction:column}.hydroponic-visual{height:300px}.water-tank{bottom:47px;left:-12px;transform:scale(.62)}.grow-rack{bottom:58px;right:-40px;transform:scale(.62)rotateY(-12deg)}.pipe-one,.pipe-two,.pipe-three{opacity:.55}.chart-wrap{height:300px;padding-right:0}.dashboard-footer{flex-direction:column}}@media (width<=800px){.dashboard{box-sizing:border-box;width:100%;min-width:0;overflow-x:hidden}.dashboard-header,.sensor-grid,.system-3d-card,.charts-grid,.bottom-grid{box-sizing:border-box;width:100%;max-width:100%}.dashboard-header h1{font-size:clamp(24px,7vw,32px);line-height:1.1}.dashboard-header p{font-size:11px;line-height:1.6}.system-status{box-sizing:border-box;min-width:0}.sensor-card{box-sizing:border-box;width:100%;min-width:0}.system-3d-card{overflow:hidden}.hydroponic-visual{width:100%;height:300px;margin:0;transform:none}.water-tank{transform-origin:0 100%;bottom:48px;left:0;transform:scale(.6)}.grow-rack{transform-origin:100% 100%;width:64%;bottom:55px;right:-42px;transform:scale(.6)rotateY(-10deg)}.pump-unit{bottom:24px;left:45%;transform:scale(.75)}.system-stats{width:100%}.system-stats div{min-width:0;padding:13px 14px}.system-stats strong{font-size:14px}.chart-card,.quick-status-card{width:100%;min-width:0}.chart-header{flex-wrap:wrap;gap:8px}.chart-title{min-width:0}.chart-wrap{box-sizing:border-box;width:100%;height:275px;padding:8px 4px 8px 0}.recharts-responsive-container{max-width:100%!important}.recharts-cartesian-axis-tick-value{font-size:9px}.recharts-legend-wrapper{font-size:9px!important}.component-list{padding-left:16px;padding-right:16px}}@media (width<=520px){.dashboard{padding-left:12px;padding-right:12px}.mobile-menu-button{width:40px;height:40px;top:12px;left:12px}.dashboard-header{gap:14px}.dashboard-header h1{font-size:25px}.sensor-grid{gap:12px}.sensor-card{min-height:135px;padding:16px}.sensor-value{font-size:25px}.system-3d-header{padding:15px}.system-3d-header h2{font-size:15px}.hydroponic-visual{height:265px}.water-tank{bottom:38px;left:-14px;transform:scale(.52)}.grow-rack{bottom:42px;right:-58px;transform:scale(.52)rotateY(-10deg)}.pump-unit{bottom:17px;left:43%;transform:scale(.65)}.system-stats div{padding:12px 11px}.system-stats span{font-size:8px}.system-stats strong{font-size:13px}.chart-wrap{height:255px}.chart-header{padding:14px 15px}.chart-period{font-size:9px}.component-item{grid-template-columns:36px minmax(0,1fr) auto;gap:9px}.component-item strong{font-size:11px}.component-item span,.dashboard-footer{font-size:9px}}@media (width<=360px){.dashboard{padding-left:9px;padding-right:9px}.sensor-card{padding:14px}.hydroponic-visual{height:235px}.water-tank{bottom:31px;left:-22px;transform:scale(.45)}.grow-rack{bottom:34px;right:-68px;transform:scale(.45)rotateY(-10deg)}.pump-unit{left:42%;transform:scale(.58)}.chart-wrap{height:235px}}.pump-page{color:#14251f;background:radial-gradient(circle at 80% 0,#21c27b14,#0000 32%),#f4f7f6;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.pump-main{min-height:100vh;margin-left:275px;padding:28px 34px}.pump-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.pump-header-left{align-items:center;gap:14px;display:flex}.pump-menu-button{cursor:pointer;background:#fff;border:none;border-radius:12px;width:42px;height:42px;font-size:20px;display:none;box-shadow:0 8px 20px #00000014}.pump-breadcrumb{color:#62a389;letter-spacing:1.5px;margin-bottom:5px;font-size:8px;font-weight:800}.pump-header h1{letter-spacing:-1px;margin:0;font-size:29px;font-weight:800}.pump-header p{color:#7e9189;margin:6px 0 0;font-size:11px}.pump-header-status{color:#298a60;background:#eaf8f1;border-radius:30px;align-items:center;gap:7px;padding:9px 13px;font-size:9px;font-weight:800;display:flex}.pump-header-status span{background:#2ed481;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #2ed481}.pump-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;display:grid}.pump-stat-card{background:#ffffffe6;border:1px solid #1244310f;border-radius:18px;min-height:190px;padding:20px;transition:all .25s;box-shadow:0 12px 30px #1f48380f,inset 0 1px #ffffffe6}.pump-stat-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #1f48381c}.pump-card-header{align-items:center;gap:9px;display:flex}.pump-stat-icon{background:#edf8f2;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.pump-card-label{color:#81958d;letter-spacing:1.2px;font-size:8px;font-weight:800}.pump-stat-value{color:#12372a;letter-spacing:-1px;margin-top:18px;font-size:30px;font-weight:800}.pump-stat-value span{color:#789088;font-size:12px;font-weight:600}.pump-stat-footer{color:#95a39e;justify-content:space-between;margin-top:12px;font-size:8px;display:flex}.pump-stat-footer strong{color:#507267;font-size:8px}.pump-mini-status{color:#4c8e77;align-items:center;gap:7px;margin-top:14px;font-size:8px;display:flex}.pump-mini-status span{background:#2ed481;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #2ed48180}.pump-flow-bars{gap:5px;margin-top:16px;display:flex}.pump-flow-bars span{background:#dfe9e4;border-radius:20px;width:27px;height:6px}.pump-flow-bars span.active{background:linear-gradient(90deg,#20ad6d,#55d99a)}.power-progress{background:#e5eee9;border-radius:20px;height:6px;margin-top:16px;overflow:hidden}.power-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#1eae6d,#52db97);height:100%;box-shadow:0 0 10px #2cd38340}.mode-value{color:#259664;margin-top:17px;font-size:22px;font-weight:800}.mode-switch{background:#eef4f1;border-radius:9px;gap:4px;margin-top:12px;padding:4px;display:flex}.mode-switch button{color:#82968e;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px;font-size:7px;font-weight:800;transition:all .2s}.mode-switch button.mode-active{color:#258b62;background:#fff;box-shadow:0 3px 8px #00000012}.pump-content{grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:20px;display:grid}.pump-panel{background:#ffffffe6;border:1px solid #1244310f;border-radius:18px;padding:22px;box-shadow:0 12px 30px #1f48380f}.pump-panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.pump-panel-label{color:#83a097;letter-spacing:1.5px;font-size:8px;font-weight:800}.pump-panel h2{margin:5px 0 0;font-size:17px}.live-badge{color:#2a9667;background:#eaf8f1;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;font-weight:800;display:flex}.live-badge span{background:#2dd27f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #2dd27f}.pump-list{flex-direction:column;gap:12px;display:flex}.pump-control-card{background:#f8faf9;border:1px solid #e8efeb;border-radius:14px;padding:15px;transition:all .25s}.pump-control-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1f483812}.pump-control-card.pump-running{background:linear-gradient(145deg,#f8fcfa,#f1faf5);border-color:#2ccb802e}.pump-control-top{align-items:center;display:flex}.pump-device-icon{background:#fff;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-right:11px;font-size:19px;display:flex;box-shadow:0 4px 10px #0000000a}.pump-device-info{flex:1}.pump-device-info strong{color:#244b3d;font-size:10px;display:block}.pump-device-info span{color:#94a39d;margin-top:3px;font-size:8px;display:block}.pump-status{border-radius:20px;align-items:center;gap:5px;padding:6px 8px;font-size:7px;font-weight:800;display:flex}.pump-status i{border-radius:50%;width:6px;height:6px}.pump-status.running{color:#299465;background:#e8f8ef}.pump-status.running i{background:#2ed281;box-shadow:0 0 7px #2ed281}.pump-status.stopped{color:#899a94;background:#f0f3f2}.pump-status.stopped i{background:#aebbb6}.pump-control-divider{background:#e7eeea;height:1px;margin:13px 0}.pump-control-details{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pump-detail{background:#fff;border-radius:9px;padding:9px}.pump-detail span{color:#99a8a2;letter-spacing:.7px;font-size:7px;font-weight:700;display:block}.pump-detail strong{color:#315b4c;margin-top:3px;font-size:9px;display:block}.pump-speed{margin-top:15px}.speed-header{color:#81958d;justify-content:space-between;font-size:8px;display:flex}.speed-header strong{color:#258b62;font-size:9px}.pump-speed input{accent-color:#28b777;cursor:pointer;width:100%;margin-top:10px}.pump-speed input:disabled{opacity:.45;cursor:not-allowed}.speed-scale{color:#a0ada8;justify-content:space-between;margin-top:2px;font-size:6px;display:flex}.pump-control-actions{gap:8px;margin-top:14px;display:flex}.pump-toggle,.pump-settings{cursor:pointer;border-radius:8px;padding:8px 11px;font-size:8px;font-weight:800;transition:all .2s}.pump-toggle{border:none;flex:1}.pump-toggle.start{color:#258c61;background:#daf6e8}.pump-toggle.stop{color:#c05f4f;background:#fff0ed}.pump-toggle:hover:not(:disabled){transform:translateY(-1px)}.pump-toggle:disabled{opacity:.45;cursor:not-allowed}.pump-settings{color:#648177;background:#fff;border:1px solid #e1eae5}.pump-settings:hover{background:#eef8f3}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-action{text-align:left;cursor:pointer;background:#f7f9f8;border:1px solid #e5ece8;border-radius:12px;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.quick-action:hover:not(:disabled){background:#eef8f3;border-color:#cce8db;transform:translateY(-2px)}.quick-action:disabled{opacity:.45;cursor:not-allowed}.quick-icon{color:#299467;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;display:flex}.quick-action strong{color:#345a4d;font-size:9px;display:block}.quick-action small{color:#99a8a2;margin-top:3px;font-size:7px;display:block}.quick-action.danger .quick-icon{color:#cf6758}.emergency-box{background:#fff8f6;border:1px solid #f3d9d5;border-radius:12px;align-items:center;gap:10px;margin-top:15px;padding:12px;display:flex}.emergency-icon{background:#fff0ed;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.emergency-box div:nth-child(2){flex:1}.emergency-box strong{color:#9c5044;font-size:9px;display:block}.emergency-box span{color:#b48881;margin-top:3px;font-size:7px;display:block}.emergency-box button{color:#fff;cursor:pointer;background:#d96555;border:none;border-radius:8px;padding:8px 10px;font-size:7px;font-weight:800;transition:all .2s}.emergency-box button:hover{background:#bf5547;transform:translateY(-1px)}.schedule-panel{margin-bottom:20px}.refresh-button{color:#43836c;cursor:pointer;background:#fff;border:1px solid #e2ebe6;border-radius:8px;padding:8px 12px;font-size:9px;font-weight:700;transition:all .2s}.refresh-button:hover{background:#eef8f3}.schedule-table-wrapper{overflow-x:auto}.schedule-table{border-collapse:collapse;width:100%}.schedule-table th{text-align:left;color:#82968e;letter-spacing:1px;border-bottom:1px solid #e5ece8;padding:11px;font-size:8px;font-weight:800}.schedule-table td{color:#637b72;border-bottom:1px solid #edf1ef;padding:13px 11px;font-size:9px}.schedule-table tbody tr:last-child td{border-bottom:none}.schedule-table td strong{color:#2d6954}.schedule-status{color:#2c9367;background:#eaf8f1;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.schedule-status i{background:#2dd17f;border-radius:50%;width:5px;height:5px}.pump-footer{color:#8d9e97;border-top:1px solid #dfe8e3;justify-content:space-between;padding:18px 5px 5px;font-size:8px;display:flex}@media (width<=1200px){.pump-stats{grid-template-columns:repeat(2,1fr)}.pump-content{grid-template-columns:1fr}}@media (width<=900px){.pump-main{margin-left:0;padding:22px}.pump-menu-button{display:block}}@media (width<=650px){.pump-main{padding:16px}.pump-header-status{display:none}.pump-header h1{font-size:23px}.pump-stats,.pump-control-details,.quick-actions{grid-template-columns:1fr}.pump-control-top{align-items:flex-start}.pump-status{margin-left:5px}.emergency-box{flex-wrap:wrap}.emergency-box button{width:100%}.pump-footer{flex-direction:column;gap:7px}}.logs-page{color:#14251f;background:radial-gradient(circle at 80% 0,#21c27b14,#0000 32%),#f4f7f6;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.logs-main{min-height:100vh;margin-left:275px;padding:28px 34px}.logs-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.logs-header-left{align-items:center;gap:14px;display:flex}.logs-menu-button{cursor:pointer;background:#fff;border:none;border-radius:12px;width:42px;height:42px;font-size:20px;display:none;box-shadow:0 8px 20px #00000014}.logs-breadcrumb{color:#62a389;letter-spacing:1.5px;margin-bottom:5px;font-size:8px;font-weight:800}.logs-header h1{letter-spacing:-1px;margin:0;font-size:29px;font-weight:800}.logs-header p{color:#7e9189;margin:6px 0 0;font-size:11px}.logs-header-status{color:#298a60;background:#eaf8f1;border-radius:30px;align-items:center;gap:7px;padding:9px 13px;font-size:9px;font-weight:800;display:flex}.logs-header-status span{background:#2ed481;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #2ed481}.logs-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;display:grid}.logs-stat-card{background:#ffffffe6;border:1px solid #1244310f;border-radius:18px;min-height:150px;padding:20px;transition:all .25s;box-shadow:0 12px 30px #1f48380f,inset 0 1px #ffffffe6}.logs-stat-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #1f48381c}.logs-stat-header{align-items:center;gap:9px;display:flex}.logs-stat-icon{color:#328f6b;background:#edf8f2;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:flex}.success-icon{color:#299b68;background:#e9f8f0}.warning-icon{color:#c18a21;background:#fff6df}.error-icon{color:#d75d58;background:#fff0ef}.logs-stat-label{color:#81958d;letter-spacing:1.2px;font-size:8px;font-weight:800}.logs-stat-value{color:#12372a;letter-spacing:-1px;margin-top:18px;font-size:30px;font-weight:800}.warning-value{color:#bc8520}.error-value{color:#cf5c57}.logs-stat-footer{color:#95a39e;justify-content:space-between;margin-top:12px;font-size:8px;display:flex}.logs-stat-footer strong{color:#507267;font-size:8px}.logs-content{grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px;display:grid}.logs-panel{background:#ffffffe6;border:1px solid #1244310f;border-radius:18px;padding:22px;box-shadow:0 12px 30px #1f48380f}.logs-panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.logs-panel-label{color:#83a097;letter-spacing:1.5px;font-size:8px;font-weight:800}.logs-panel h2{margin:5px 0 0;font-size:17px}.health-badge{color:#2a9667;background:#eaf8f1;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;font-weight:800;display:flex}.health-badge span{background:#2dd27f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #2dd27f}.health-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.health-item{background:#f7f9f8;border:1px solid #edf2ef;border-radius:12px;align-items:center;padding:12px;display:flex}.health-icon{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;margin-right:10px;font-size:15px;display:flex}.health-item div:nth-child(2){flex:1}.health-item span{color:#8b9c96;font-size:8px;display:block}.health-item strong{color:#27664f;margin-top:3px;font-size:10px;display:block}.health-item>i{background:#32d182;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #32d18299}.system-info-list{border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.system-info-list>div{background:#f7f9f8;border-bottom:1px solid #edf2ef;justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.system-info-list>div:last-child{border-bottom:none}.system-info-list span{color:#8c9d97;font-size:8px}.system-info-list strong{color:#315c4c;font-size:9px}.log-history-panel{margin-bottom:20px}.logs-refresh-button{color:#43836c;cursor:pointer;background:#fff;border:1px solid #e2ebe6;border-radius:8px;padding:8px 12px;font-size:9px;font-weight:700;transition:all .2s}.logs-refresh-button:hover{background:#eef8f3}.logs-toolbar{align-items:center;gap:10px;margin-bottom:15px;display:flex}.logs-search{background:#f9fbfa;border:1px solid #e1ebe6;border-radius:9px;flex:1;align-items:center;height:36px;padding:0 11px;display:flex}.logs-search span{color:#8ca099;font-size:16px}.logs-search input{color:#36594c;background:0 0;border:none;outline:none;width:100%;margin-left:8px;font-size:9px}.logs-search input::placeholder{color:#9ba9a4}.logs-toolbar select{color:#58776b;cursor:pointer;background:#fff;border:1px solid #e1ebe6;border-radius:9px;outline:none;height:36px;padding:0 10px;font-size:9px}.logs-table-wrapper{overflow-x:auto}.logs-table{border-collapse:collapse;width:100%;min-width:950px}.logs-table th{text-align:left;color:#82968e;letter-spacing:1px;border-bottom:1px solid #e5ece8;padding:11px;font-size:8px;font-weight:800}.logs-table td{color:#637b72;vertical-align:middle;border-bottom:1px solid #edf1ef;padding:13px 11px;font-size:9px}.logs-table tbody tr{transition:all .2s}.logs-table tbody tr:hover{background:#f8fbf9}.logs-table tbody tr:last-child td{border-bottom:none}.log-time strong{color:#315b4b;font-size:9px;display:block}.log-time span{color:#9aa9a4;margin-top:3px;font-size:7px;display:block}.log-level{border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:7px;font-weight:800;display:inline-flex}.log-level i{border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-style:normal;display:flex}.log-level.info{color:#4d88ad;background:#edf5fb}.log-level.info i{background:#dceef9}.log-level.success{color:#299368;background:#eaf8f1}.log-level.success i{background:#d5f1e3}.log-level.warning{color:#bb861f;background:#fff7e3}.log-level.warning i{background:#ffedbe}.log-level.error{color:#cb5b56;background:#fff0ef}.log-level.error i{background:#ffdcd9}.log-category{color:#628276;letter-spacing:.7px;background:#f0f5f2;border-radius:6px;padding:5px 7px;font-size:7px;font-weight:800;display:inline-block}.log-event{color:#315b4b;font-size:9px}.log-device{color:#678177;font-size:8px}.log-details{color:#91a19b;font-size:8px}.empty-logs{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:45px 20px;display:flex}.empty-logs div{color:#70a18e;background:#edf7f2;border-radius:14px;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:10px;font-size:20px;display:flex}.empty-logs strong{color:#426456;font-size:12px}.empty-logs span{color:#96a49f;margin-top:5px;font-size:8px}.logs-table-footer{color:#96a49f;border-top:1px solid #edf2ef;justify-content:space-between;padding-top:13px;font-size:8px;display:flex}.logs-footer{color:#8d9e97;border-top:1px solid #dfe8e3;justify-content:space-between;padding:18px 5px 5px;font-size:8px;display:flex}@media (width<=1200px){.logs-stats{grid-template-columns:repeat(2,1fr)}.logs-content{grid-template-columns:1fr}}@media (width<=900px){.logs-main{margin-left:0;padding:22px}.logs-menu-button{display:block}}@media (width<=650px){.logs-main{padding:16px}.logs-header-status{display:none}.logs-header h1{font-size:23px}.logs-stats,.health-grid{grid-template-columns:1fr}.logs-toolbar{flex-direction:column;align-items:stretch}.logs-toolbar select{width:100%}.logs-table-footer,.logs-footer{flex-direction:column;gap:7px}}.settings-page{color:#14251f;background:radial-gradient(circle at 80% 0,#21c27b14,#0000 32%),#f4f7f6;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.settings-main{min-height:100vh;margin-left:275px;padding:28px 34px}.settings-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.settings-header-left{align-items:center;gap:14px;display:flex}.settings-menu-button{cursor:pointer;background:#fff;border:none;border-radius:12px;width:42px;height:42px;font-size:20px;display:none;box-shadow:0 8px 20px #00000014}.settings-breadcrumb{color:#62a389;letter-spacing:1.5px;margin-bottom:5px;font-size:8px;font-weight:800}.settings-header h1{letter-spacing:-1px;margin:0;font-size:29px;font-weight:800}.settings-header p{color:#7e9189;margin:6px 0 0;font-size:11px}.settings-header-status{color:#298a60;background:#eaf8f1;border-radius:30px;align-items:center;gap:7px;padding:9px 13px;font-size:9px;font-weight:800;display:flex}.settings-header-status span{background:#2ed481;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #2ed481}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.settings-panel{background:#ffffffe6;border:1px solid #1244310f;border-radius:18px;padding:22px;transition:all .25s;box-shadow:0 12px 30px #1f48380f,inset 0 1px #ffffffe6}.settings-panel:hover{transform:translateY(-2px);box-shadow:0 18px 35px #1f483817}.settings-panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.settings-title-group{align-items:center;gap:11px;display:flex}.settings-icon{background:linear-gradient(145deg,#edf9f3,#dff3e9);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;box-shadow:inset 0 1px #ffffffe6,0 5px 12px #2477540f}.settings-icon.warning{background:#fff7e8}.settings-panel-label{color:#83a097;letter-spacing:1.5px;font-size:8px;font-weight:800}.settings-panel h2{margin:5px 0 0;font-size:17px}.settings-badge{color:#298c62;background:#eaf8f1;border-radius:7px;padding:6px 9px;font-size:8px;font-weight:800}.settings-list{flex-direction:column;gap:10px;display:flex}.setting-item{background:#f7f9f8;border:1px solid #edf2ef;border-radius:12px;align-items:center;gap:11px;padding:12px;transition:all .2s;display:flex}.setting-item:hover{background:#f1f7f4;transform:translate(2px)}.setting-item-icon{background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:15px;display:flex;box-shadow:0 4px 10px #1f48380a}.setting-info{flex:1}.setting-info strong{color:#254d3e;font-size:10px;display:block}.setting-info span{color:#94a39d;margin-top:3px;font-size:8px;line-height:1.4;display:block}.settings-select{color:#42675a;cursor:pointer;background:#fff;border:1px solid #dfe9e4;border-radius:8px;outline:none;min-width:100px;padding:7px 9px;font-size:8px;font-weight:700}.settings-select:focus{border-color:#55bd8c;box-shadow:0 0 0 3px #35bf821a}.toggle{cursor:pointer;background:#d9e3df;border:none;border-radius:30px;flex-shrink:0;width:39px;height:21px;padding:0;transition:all .25s;position:relative}.toggle span{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .25s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0000002e}.toggle.active{background:linear-gradient(90deg,#1eae6d,#45d38d);box-shadow:0 0 10px #2cd3832e}.toggle.active span{left:21px}.controller-status{color:#2a9667;background:#eaf8f1;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;font-weight:800;display:flex}.controller-status span{background:#2dd27f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #2dd27f}.controller-card{background:linear-gradient(135deg,#f5faf7,#edf6f1);border:1px solid #e1eee8;border-radius:13px;align-items:center;gap:12px;padding:14px;display:flex}.controller-logo{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex;box-shadow:0 7px 15px #1f483812}.controller-info{flex:1}.controller-info strong{color:#254d3e;font-size:11px;display:block}.controller-info span{color:#789087;margin-top:3px;font-size:8px;display:block}.controller-info small{color:#9aa9a3;margin-top:4px;font-size:7px;display:block}.controller-online{color:#299669;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.controller-online i{background:#32d182;border-radius:50%;width:6px;height:6px}.hardware-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;display:grid}.hardware-stats>div{background:#f7f9f8;border:1px solid #edf2ef;border-radius:10px;padding:10px}.hardware-stats span{color:#91a29b;letter-spacing:.8px;font-size:7px;font-weight:800;display:block}.hardware-stats strong{color:#315b4c;margin-top:5px;font-size:10px;display:block}.maintenance-warning{background:#fffaf1;border:1px solid #f2e4c9;border-radius:12px;align-items:center;gap:11px;padding:13px;display:flex}.warning-icon{background:#fff1d5;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.maintenance-warning>div:nth-child(2){flex:1}.maintenance-warning strong{color:#745b2c;font-size:10px;display:block}.maintenance-warning span{color:#a18c69;margin-top:3px;font-size:8px;line-height:1.4;display:block}.warning-toggle.active{background:linear-gradient(90deg,#d69a38,#efb85c)}.maintenance-actions{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.secondary-button,.danger-button{cursor:pointer;border-radius:8px;padding:8px 11px;font-size:8px;font-weight:700;transition:all .2s}.secondary-button{color:#4b7567;background:#fff;border:1px solid #e0eae5}.secondary-button:hover{background:#eef8f3;transform:translateY(-1px)}.danger-button{color:#c25c5c;background:#fff6f6;border:1px solid #f2d8d8}.danger-button:hover{background:#ffeded;transform:translateY(-1px)}.system-info-panel{margin-bottom:20px}.system-info-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.info-box{background:#f7f9f8;border:1px solid #edf2ef;border-radius:11px;padding:13px}.info-box span{color:#91a29b;letter-spacing:1px;font-size:7px;font-weight:800;display:block}.info-box strong{color:#315b4c;margin-top:5px;font-size:11px;display:block}.settings-save-bar{background:linear-gradient(135deg,#f5fbf8,#edf8f3);border:1px solid #dcebe4;border-radius:13px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:13px 16px;display:flex;box-shadow:0 8px 20px #1f48380d}.settings-save-bar>div:first-child{color:#719087;align-items:center;gap:7px;font-size:8px;display:flex}.save-dot{background:#42c989;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #42c98980}.save-actions{gap:8px;display:flex}.cancel-button,.save-button{cursor:pointer;border-radius:8px;padding:9px 13px;font-size:8px;font-weight:800;transition:all .2s}.cancel-button{color:#779087;background:#fff;border:1px solid #e0e8e4}.cancel-button:hover{background:#f3f7f5}.save-button{color:#fff;background:linear-gradient(135deg,#1eae6d,#43cf8b);border:none;box-shadow:0 7px 15px #20ae6d2e}.save-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #20ae6d40}.settings-footer{color:#8d9e97;border-top:1px solid #dfe8e3;justify-content:space-between;padding:18px 5px 5px;font-size:8px;display:flex}@media (width<=1200px){.settings-grid{grid-template-columns:1fr}.system-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.settings-main{margin-left:0;padding:22px}.settings-menu-button{display:block}}@media (width<=650px){.settings-main{padding:16px}.settings-header-status{display:none}.settings-header h1{font-size:23px}.settings-header p{max-width:300px}.setting-item{align-items:flex-start}.settings-select{min-width:85px}.hardware-stats,.system-info-grid{grid-template-columns:1fr}.settings-save-bar{flex-direction:column;align-items:stretch;gap:12px}.save-actions{justify-content:flex-end}.settings-footer{flex-direction:column;gap:7px}}.about-page{color:#14251f;background:radial-gradient(circle at 80% 0,#21c27b17,#0000 32%),radial-gradient(circle at 15% 45%,#30b47d09,#0000 30%),#f4f7f6;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.about-main{min-height:100vh;margin-left:275px;padding:28px 34px}.about-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.about-header-left{align-items:center;gap:14px;display:flex}.about-menu-button{cursor:pointer;background:#fff;border:none;border-radius:12px;width:42px;height:42px;font-size:20px;display:none;box-shadow:0 8px 20px #00000014}.about-breadcrumb{color:#62a389;letter-spacing:1.5px;margin-bottom:5px;font-size:8px;font-weight:800}.about-header h1{letter-spacing:-1px;margin:0;font-size:29px;font-weight:800}.about-header p{color:#7e9189;margin:6px 0 0;font-size:11px}.about-header-status{color:#298a60;background:#eaf8f1;border-radius:30px;align-items:center;gap:7px;padding:9px 13px;font-size:9px;font-weight:800;display:flex}.about-header-status span{background:#2ed481;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #2ed481}.about-hero{background:linear-gradient(135deg,#fffffff5,#eff9f4f2);border:1px solid #12443112;border-radius:20px;justify-content:space-between;align-items:center;min-height:240px;margin-bottom:20px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #1f483812,inset 0 1px #ffffffe6}.about-hero-content{z-index:2;align-items:center;gap:20px;max-width:750px;display:flex;position:relative}.about-logo{background:linear-gradient(145deg,#fff,#e2f4ea);border-radius:27px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 20px 35px #1f48381f,inset 0 1px #fffffff2}.about-logo-icon{background:linear-gradient(145deg,#dff8eb,#bcebd4);border-radius:21px;justify-content:center;align-items:center;width:70px;height:70px;font-size:38px;display:flex;box-shadow:inset 0 2px #fffc,0 10px 20px #28a0691f}.about-hero-text{max-width:650px}.about-label{color:#69a18b;letter-spacing:1.7px;font-size:8px;font-weight:800;display:block}.about-hero h2{color:#153d2f;letter-spacing:-1.5px;margin:6px 0 8px;font-size:32px;font-weight:850}.about-hero p{color:#71857d;margin:0;font-size:10px;line-height:1.7}.about-version{background:#fff;border:1px solid #e3eee9;border-radius:7px;align-items:center;gap:8px;margin-top:15px;padding:6px 9px;display:inline-flex}.about-version span{color:#98a8a2;font-size:7px;font-weight:800}.about-version strong{color:#31966a;font-size:8px}.hero-decoration{opacity:.8;width:190px;height:190px;position:absolute;top:50%;right:45px;transform:translateY(-50%)}.hero-plant{filter:drop-shadow(0 15px 15px #1f48381f);font-size:80px;animation:4s ease-in-out infinite plantFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}@keyframes plantFloat{0%,to{transform:translate(-50%,-50%)rotate(-4deg)}50%{transform:translate(-50%,-57%)rotate(4deg)}}.orbit{border:1px solid #33a67129;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:110px;height:110px;animation:8s linear infinite orbitRotate}.orbit-two{width:155px;height:155px;animation:12s linear infinite reverse orbitRotate}.orbit-three{width:190px;height:190px;animation:16s linear infinite orbitRotate}@keyframes orbitRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.about-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.about-panel{background:#ffffffe6;border:1px solid #1244310f;border-radius:18px;padding:22px;transition:all .25s;box-shadow:0 12px 30px #1f48380f,inset 0 1px #ffffffe6}.about-panel:hover{transform:translateY(-3px);box-shadow:0 18px 35px #1f48381a}.about-panel-header{align-items:center;gap:11px;margin-bottom:18px;display:flex}.about-panel-icon{background:linear-gradient(145deg,#edf9f3,#dff3e9);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;box-shadow:inset 0 1px #ffffffe6,0 5px 12px #2477540f}.about-panel-label{color:#83a097;letter-spacing:1.5px;font-size:8px;font-weight:800}.about-panel h2{margin:5px 0 0;font-size:17px}.about-description{color:#71857d;font-size:9px;line-height:1.7}.about-description+.about-description{margin-top:10px}.vision-highlight{background:linear-gradient(135deg,#effaf5,#e7f6ef);border:1px solid #e1eee8;border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:12px;display:flex}.vision-highlight>span{background:#fff;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;font-size:17px;display:flex}.vision-highlight strong{color:#2d795d;font-size:10px;display:block}.vision-highlight small{color:#8ca198;margin-top:3px;font-size:7px;display:block}.features-panel{margin-bottom:20px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.feature-card{background:#f7f9f8;border:1px solid #edf2ef;border-radius:12px;align-items:center;gap:10px;min-height:65px;padding:11px;transition:all .2s;display:flex}.feature-card:hover{background:#f1f8f4;transform:translateY(-2px);box-shadow:0 8px 18px #1f48380f}.feature-icon{background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;display:flex;box-shadow:0 4px 10px #1f48380a}.feature-card strong{color:#315b4c;font-size:9px;display:block}.feature-card span{color:#92a19b;margin-top:3px;font-size:7px;line-height:1.4;display:block}.technology-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.technology-card{text-align:center;background:#f7f9f8;border:1px solid #edf2ef;border-radius:12px;flex-direction:column;align-items:center;padding:14px 8px;transition:all .2s;display:flex}.technology-card:hover{background:#f0f8f4;transform:translateY(-3px)}.technology-icon{background:#fff;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;font-size:19px;display:flex;box-shadow:0 5px 12px #1f48380d}.technology-card strong{color:#315b4c;font-size:9px}.technology-card span{color:#92a19b;margin-top:4px;font-size:7px}.about-status-panel{background:linear-gradient(135deg,#f3fbf7,#eaf7f1);border:1px solid #dcebe4;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;padding:16px 20px;display:flex;box-shadow:0 10px 25px #1f48380d}.status-main{align-items:center;gap:11px;display:flex}.status-icon{color:#259766;background:#dcf7e9;border-radius:11px;justify-content:center;align-items:center;width:39px;height:39px;font-size:18px;font-weight:900;display:flex;box-shadow:0 5px 12px #269b6714}.status-main span{color:#7c968b;letter-spacing:1px;font-size:7px;font-weight:800;display:block}.status-main strong{color:#287d5d;margin-top:3px;font-size:11px;display:block}.status-items{align-items:center;gap:15px;display:flex}.status-items div{color:#658078;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.status-items i{background:#32d182;border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px #32d18273}.developer-panel{margin-bottom:20px}.developer-content{align-items:center;gap:15px;display:flex}.developer-avatar{background:linear-gradient(145deg,#edf9f3,#dff2e9);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex;box-shadow:0 10px 20px #1f483814}.developer-info{flex:1}.developer-info h2{margin-top:5px}.developer-info p{color:#7d9089;max-width:720px;margin:7px 0 0;font-size:9px;line-height:1.6}.developer-version{flex-direction:column;align-items:flex-end;min-width:100px;display:flex}.developer-version span{color:#95a49e;letter-spacing:.8px;font-size:7px;font-weight:800}.developer-version strong{color:#32966a;margin-top:4px;font-size:13px}.developer-version small{color:#a0ada8;margin-top:3px;font-size:7px}.about-footer{color:#8d9e97;border-top:1px solid #dfe8e3;justify-content:space-between;padding:18px 5px 5px;font-size:8px;display:flex}@media (width<=1200px){.feature-grid{grid-template-columns:repeat(2,1fr)}.technology-grid{grid-template-columns:repeat(3,1fr)}.hero-decoration{opacity:.35;right:10px}}@media (width<=900px){.about-main{margin-left:0;padding:22px}.about-menu-button{display:block}.about-grid{grid-template-columns:1fr}.about-status-panel{flex-direction:column;align-items:flex-start}}@media (width<=650px){.about-main{padding:16px}.about-header-status{display:none}.about-header h1{font-size:23px}.about-hero{min-height:280px;padding:22px}.about-hero-content{flex-direction:column;align-items:flex-start}.about-logo{border-radius:19px;width:70px;height:70px}.about-logo-icon{border-radius:15px;width:52px;height:52px;font-size:28px}.about-hero h2{font-size:26px}.hero-decoration{opacity:.2;top:auto;bottom:-30px;right:-45px;transform:none}.feature-grid{grid-template-columns:1fr}.technology-grid{grid-template-columns:repeat(2,1fr)}.about-status-panel{padding:14px}.status-items{flex-wrap:wrap;gap:9px}.developer-content{flex-direction:column;align-items:flex-start}.developer-version{align-items:flex-start}.about-footer{flex-direction:column;gap:7px}}