@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%}.dashboard-overview{background:var(--card-bg,#14241fbf);border:1px solid #78b49b2e;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 18px;padding:22px 24px;display:flex}.dashboard-overview h2{margin:8px 0;font-size:clamp(18px,2vw,24px)}.dashboard-overview p{opacity:.72;margin:0;font-size:13px}.dashboard-overview .sensor-status{white-space:nowrap}.sensor-status.unavailable{color:#a7b0b5;background:#94a3b81a}.sensor-status.unavailable i{background:#94a3b8}.sensor-status.warning{color:#fbbf24;background:#f59e0b1a}.sensor-status.warning i{background:#f59e0b}.sensor-status.normal{color:#34d399;background:#10b9811a}.sensor-status.normal i{background:#10b981}.sensor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.sensor-card{min-width:0;position:relative;overflow:hidden}.sensor-card .sensor-value{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.sensor-card .sensor-value>span{margin-left:5px;font-size:13px}.reservoir-panel{grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr);align-items:center;gap:36px;padding:28px 10px;display:grid}.reservoir-gauge{isolation:isolate;background:linear-gradient(#0d231ff5,#071319fa);border:1px solid #6ed2b440;border-radius:18px;justify-content:center;align-items:center;min-height:240px;display:flex;position:relative;overflow:hidden}.reservoir-gauge:before{z-index:-1;content:"";background:repeating-linear-gradient(#0000 0 calc(25% - 1px),#ffffff1a calc(25% - 1px) 25%);position:absolute;inset:0}.reservoir-gauge-fill{z-index:-1;background:linear-gradient(#2dd4bfa6,#0891b27a);transition:height .7s;position:absolute;bottom:0;left:0;right:0}.reservoir-gauge-content{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.reservoir-gauge-content strong{font-variant-numeric:tabular-nums;font-size:clamp(30px,4vw,44px);font-weight:800}.reservoir-gauge-content span{opacity:.8;font-size:12px}.reservoir-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.reservoir-details>div{background:#ffffff06;border:1px solid #78b49b29;border-radius:14px;flex-direction:column;gap:9px;min-width:0;padding:18px;display:flex}.reservoir-details>div>span{opacity:.7;font-size:12px}.reservoir-details>div>strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:14px}.summary-details{margin-top:20px}.system-stats strong{overflow-wrap:anywhere;font-size:12px}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px;display:grid}.chart-card,.quick-status-card{min-width:0}.chart-wrap{min-height:300px}.chart-period{white-space:nowrap;opacity:.7;font-size:11px}.chart-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:20px;display:flex}.chart-empty>span{opacity:.45;font-size:36px}.chart-empty p{margin:10px 0 4px;font-weight:600}.chart-empty small{opacity:.65}.component-item{align-items:center;gap:12px;min-width:0;display:flex}.component-item>div:nth-child(2){flex:1;min-width:0}.component-item span{overflow-wrap:anywhere}.component-item b{flex-shrink:0;font-size:10px}.component-item b.online{color:#34d399}.component-item b.offline-label{color:#fbbf24}.dashboard-error{color:#fca5a5;overflow-wrap:anywhere;background:#7f1d1d26;border:1px solid #f871714d;border-radius:12px;margin:16px 0;padding:14px 16px}.device-last-seen{opacity:.7;margin-top:18px;font-size:12px}@media (width<=1100px){.sensor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reservoir-panel{gap:22px}}@media (width<=760px){.dashboard-overview{flex-direction:column;align-items:flex-start;padding:18px}.charts-grid{grid-template-columns:minmax(0,1fr)}.reservoir-panel{grid-template-columns:minmax(0,1fr);padding:20px 0}.reservoir-gauge{min-height:210px}.chart-period{white-space:normal;text-align:right}}@media (width<=480px){.sensor-grid{grid-template-columns:minmax(0,1fr);gap:12px}.reservoir-details{grid-template-columns:minmax(0,1fr)}.system-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-header{align-items:flex-start;gap:10px}.chart-wrap{min-height:260px}}@media (prefers-reduced-motion:reduce){.reservoir-gauge-fill{transition:none}}@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}}:root{--logs-green:#16a34a;--logs-green-dark:#087443;--logs-green-soft:#e9f8ef;--logs-bg:#f4f7f5;--logs-white:#fff;--logs-text:#17251c;--logs-muted:#758178;--logs-border:#e3eae5;--logs-red:#dc3545;--logs-orange:#d97706;--logs-blue:#2563eb;--logs-radius:16px;--logs-shadow:0 5px 24px #1736230e}.logs-page,.logs-page *{box-sizing:border-box}.logs-page{background:var(--logs-bg);min-height:100vh;color:var(--logs-text);font-family:Inter,Segoe UI,Arial,sans-serif}.logs-main{width:calc(100% - 275px);min-height:100vh;margin-left:275px;padding:32px;transition:margin-left .3s,width .3s}.logs-main button,.logs-main input,.logs-main select{font:inherit}.logs-main button{-webkit-tap-highlight-color:transparent}.logs-main button:focus-visible,.logs-main input:focus-visible,.logs-main select:focus-visible{outline-offset:2px;outline:3px solid #16a34a33}.logs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin-bottom:30px;display:flex}.logs-heading{align-items:flex-start;gap:15px;min-width:0;display:flex}.logs-breadcrumb{color:var(--logs-green-dark);letter-spacing:1.8px;margin-bottom:10px;font-size:10px;font-weight:800}.logs-breadcrumb span{color:#a1aca4;padding:0 7px}.logs-heading h1{color:var(--logs-text);letter-spacing:-1.2px;margin:0;font-size:clamp(27px,3vw,36px);font-weight:800;line-height:1.2}.logs-heading p{max-width:650px;color:var(--logs-muted);margin:10px 0 0;font-size:13px;line-height:1.8}.logs-menu-button{border:1px solid var(--logs-border);width:42px;height:42px;color:var(--logs-text);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;font-size:21px;display:none}.logs-api-status{border:1px solid var(--logs-border);color:#59685e;letter-spacing:.7px;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:9px;padding:11px 15px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #00000005}.logs-api-status .status-dot{background:#9ca3af;border-radius:50%;width:8px;height:8px}.logs-api-status.is-online{color:#15803d;background:#f1fbf4;border-color:#ccebd6}.logs-api-status.is-online .status-dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.logs-api-status.is-offline{color:#b91c1c;background:#fff5f5;border-color:#fecaca}.logs-api-status.is-offline .status-dot{background:#ef4444}.logs-api-status.is-unknown .status-dot{background:#f59e0b}.logs-alert{color:#991b1b;background:#fff7f7;border:1px solid #fecaca;border-radius:13px;align-items:flex-start;gap:13px;margin-bottom:24px;padding:17px 19px;display:flex}.logs-alert-icon{background:#fee2e2;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.logs-alert strong{margin:2px 0 5px;font-size:13px;display:block}.logs-alert p,.logs-alert small{overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.7;display:block}.logs-alert button{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;margin-left:auto;padding:8px 13px;font-size:12px;font-weight:700}.logs-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px;display:grid}.logs-stat-card{border:1px solid var(--logs-border);border-radius:var(--logs-radius);background:var(--logs-white);min-width:0;box-shadow:var(--logs-shadow);padding:23px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.logs-stat-card:after{content:"";pointer-events:none;border:18px solid #16a34a09;border-radius:50%;width:105px;height:105px;position:absolute;bottom:-40px;right:-24px}.logs-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #17362317}.logs-stat-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.logs-stat-icon{background:var(--logs-green-soft);width:43px;height:43px;color:var(--logs-green-dark);border-radius:13px;flex-shrink:0;place-items:center;font-size:23px;font-weight:700;display:grid}.logs-stat-icon.success{color:#15803d;background:#e4f8eb}.logs-stat-icon.warning{color:#b77909;background:#fff4db}.logs-stat-icon.danger{color:#dc3545;background:#ffebeb}.logs-stat-label{color:#77847a;letter-spacing:1px;text-align:right;font-size:10px;font-weight:800}.logs-stat-value{color:var(--logs-text);letter-spacing:-1px;overflow-wrap:anywhere;margin-bottom:8px;font-size:clamp(27px,2.5vw,36px);font-weight:800;line-height:1.2;display:block}.logs-stat-note{color:var(--logs-muted);font-size:11px;line-height:1.6;display:block}.logs-content{grid-template-columns:minmax(230px,.32fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.logs-panel{border:1px solid var(--logs-border);border-radius:var(--logs-radius);background:var(--logs-white);min-width:0;box-shadow:var(--logs-shadow);overflow:hidden}.logs-panel-heading{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:15px;padding:22px;display:flex}.logs-eyebrow{color:var(--logs-green-dark);letter-spacing:1.6px;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.logs-panel-heading h2{color:var(--logs-text);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:800}.logs-panel-heading p{color:var(--logs-muted);margin:7px 0 0;font-size:11px;line-height:1.7}.logs-panel-icon{background:var(--logs-green-soft);width:39px;height:39px;color:var(--logs-green-dark);border-radius:12px;flex-shrink:0;place-items:center;font-size:23px;display:grid}.logs-info-list{padding:5px 22px}.logs-info-row{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:flex-start;gap:14px;padding:17px 0;display:flex}.logs-info-row:last-child{border-bottom:0}.logs-info-row>span{color:var(--logs-muted);font-size:11px;line-height:1.6}.logs-info-row>strong{color:#34443a;text-align:right;overflow-wrap:anywhere;max-width:60%;font-size:11px;font-weight:700}.logs-info-footnote{color:#54725e;background:#f3fbf5;border:1px solid #d9efe0;border-radius:10px;margin:0 20px 20px;padding:13px;font-size:10px;line-height:1.8}.logs-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.logs-button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:10px 13px;font-size:11px;font-weight:750;transition:all .2s;display:inline-flex}.logs-button:disabled{cursor:not-allowed;opacity:.5}.logs-button-primary{border-color:var(--logs-green);background:var(--logs-green);color:#fff;box-shadow:0 3px 8px #16a34a26}.logs-button-primary:hover:not(:disabled){border-color:var(--logs-green-dark);background:var(--logs-green-dark);transform:translateY(-1px)}.logs-button-secondary{border-color:var(--logs-border);color:#405047;background:#fff}.logs-button-secondary:hover:not(:disabled){color:var(--logs-green-dark);background:#f3fbf5;border-color:#b9d9c2}.logs-toolbar{background:#fcfdfc;border-bottom:1px solid #edf1ee;flex-wrap:wrap;align-items:center;gap:10px;padding:17px 21px;display:flex}.logs-search{color:#829087;background:#fff;border:1px solid #dfe7e1;border-radius:9px;flex:220px;align-items:center;gap:10px;min-width:0;min-height:41px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.logs-search:focus-within{border-color:var(--logs-green);box-shadow:0 0 0 3px #16a34a17}.logs-search>span{font-size:23px;line-height:1}.logs-search input{width:100%;min-width:0;color:var(--logs-text);background:0 0;border:0;outline:none;padding:10px 0;font-size:11px}.logs-search input:focus-visible{outline:none}.logs-search input::placeholder{color:#9ba69e}.logs-toolbar select{color:#45544a;cursor:pointer;background:#fff;border:1px solid #dfe7e1;border-radius:9px;outline:none;min-width:115px;min-height:41px;padding:9px 28px 9px 11px;font-size:11px}.logs-toolbar select:focus{border-color:var(--logs-green)}.logs-clear-button{color:var(--logs-green-dark);cursor:pointer;background:0 0;border:0;padding:9px 3px;font-size:11px;font-weight:750}.logs-clear-button:hover{text-decoration:underline}.logs-results-summary{color:var(--logs-muted);border-bottom:1px solid #edf1ee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 21px;font-size:10px;display:flex}.logs-results-summary strong{color:var(--logs-green-dark);font-weight:800}.logs-table-wrapper{overscroll-behavior-x:contain;width:100%;overflow-x:auto}.logs-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:850px}.logs-table thead{background:#f7faf8}.logs-table th{border-bottom:1px solid var(--logs-border);color:#718076;letter-spacing:.8px;white-space:nowrap;padding:15px 14px;font-size:9px;font-weight:800}.logs-table td{color:#425047;vertical-align:middle;border-bottom:1px solid #edf1ee;padding:16px 14px;font-size:11px}.logs-table tbody tr{transition:background .18s}.logs-table tbody tr:hover{background:#f7fcf8}.logs-table tbody tr:last-child td{border-bottom:0}.logs-time-cell{min-width:105px}.logs-time-cell strong{color:#34443a;white-space:nowrap;font-size:11px;font-weight:750;display:block}.logs-time-cell span{color:#87938a;white-space:nowrap;margin-top:5px;font-size:10px;display:block}.log-level{letter-spacing:.2px;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.log-level i{border-radius:50%;place-items:center;width:14px;height:14px;font-size:10px;font-style:normal;font-weight:900;display:inline-grid}.log-level.success{color:#16803d;background:#eaf8ee;border-color:#c9edd4}.log-level.success i{background:#d1f0da}.log-level.info{color:#245dc0;background:#eff5ff;border-color:#d5e4ff}.log-level.info i{background:#dbe8ff}.log-level.warning{color:#a66a00;background:#fff8e8;border-color:#f5e0ac}.log-level.warning i{background:#ffedbf}.log-level.error,.log-level.critical{color:#c62828;background:#fff0f0;border-color:#facaca}.log-level.error i,.log-level.critical i{background:#fdd}.log-category{color:#59685e;overflow-wrap:anywhere;background:#f7f9f7;border:1px solid #e4ebe5;border-radius:6px;max-width:130px;padding:6px 8px;font-size:9px;font-weight:700;display:inline-block}.logs-event-cell{min-width:190px;max-width:290px}.logs-event-cell>strong{color:#27382d;overflow-wrap:anywhere;margin-bottom:6px;font-size:11px;font-weight:750;line-height:1.6;display:block}.logs-event-cell p{color:#839087;overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.7}.logs-device-cell{min-width:120px}.logs-device-cell strong{color:#34443a;overflow-wrap:anywhere;font-size:10px;font-weight:750;display:block}.logs-device-cell span{color:#87938a;overflow-wrap:anywhere;margin-top:5px;font-size:9px;display:block}.logs-user-cell{overflow-wrap:anywhere;min-width:125px;max-width:190px;color:#68766c!important;font-size:10px!important}.logs-table-message{text-align:center;color:var(--logs-muted)!important;padding:55px 20px!important}.logs-table-message strong,.logs-table-message>span:not(.logs-loader){display:block}.logs-table-message strong{color:var(--logs-text);margin-top:12px;font-size:13px}.logs-table-message>span:not(.logs-loader){margin-top:7px;font-size:11px;line-height:1.7}.logs-empty-icon{background:var(--logs-green-soft);width:48px;height:48px;color:var(--logs-green-dark);border-radius:14px;place-items:center;margin:0 auto;font-size:25px;display:grid}.logs-loader{border:3px solid #dce9df;border-top-color:var(--logs-green);border-radius:50%;width:27px;height:27px;margin:0 auto;animation:.75s linear infinite logs-spin;display:block}.logs-filter-empty{text-align:center;border-top:1px solid #edf1ee;flex-direction:column;align-items:center;gap:9px;padding:35px 20px;display:flex}.logs-filter-empty strong{color:var(--logs-text);font-size:13px}.logs-filter-empty span{color:var(--logs-muted);font-size:11px}.logs-filter-empty button{color:var(--logs-green-dark);cursor:pointer;background:#f0faf3;border:1px solid #cfe8d5;border-radius:8px;margin-top:4px;padding:9px 13px;font-size:11px;font-weight:750}.logs-table-footer{background:#fcfdfc;border-top:1px solid #edf1ee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:15px 21px;display:flex}.logs-table-footer span{color:var(--logs-muted);font-size:10px}.logs-footer{color:#859188;border-top:1px solid #e1e9e3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:25px;padding:17px 3px;font-size:10px;display:flex}.logs-spin{animation:.8s linear infinite logs-spin;display:inline-block}@keyframes logs-spin{to{transform:rotate(360deg)}}@keyframes logs-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.logs-main{animation:.35s both logs-appear}@media (width<=1450px){.logs-main{padding:26px}.logs-content{grid-template-columns:minmax(220px,.29fr) minmax(0,1fr);gap:16px}.logs-stat-card,.logs-panel-heading{padding:19px}.logs-info-list{padding-left:18px;padding-right:18px}.logs-info-footnote{margin-left:16px;margin-right:16px}}@media (width<=1150px){.logs-content{grid-template-columns:1fr}.logs-info-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;display:grid}.logs-info-row{gap:12px}.logs-info-footnote{margin-top:0}}@media (width<=900px){.logs-main{width:100%;margin-left:0;padding:25px 20px}.logs-menu-button{place-items:center;display:inline-grid}.logs-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.logs-header{align-items:flex-start}.logs-api-status{margin-left:57px}}@media (width<=600px){.logs-main{padding:19px 13px}.logs-header{gap:15px;margin-bottom:22px}.logs-heading{gap:10px}.logs-heading h1{font-size:27px}.logs-heading p{font-size:12px}.logs-breadcrumb{letter-spacing:1.1px;font-size:9px}.logs-menu-button{width:38px;height:38px}.logs-api-status{margin-left:48px;padding:9px 12px;font-size:9px}.logs-stats{gap:10px;margin-bottom:17px}.logs-stat-card{border-radius:13px;padding:14px}.logs-stat-top{flex-direction:column-reverse;align-items:flex-start;gap:11px;margin-bottom:15px}.logs-stat-label{text-align:left;letter-spacing:.6px;font-size:9px}.logs-stat-icon{border-radius:10px;width:36px;height:36px;font-size:19px}.logs-stat-value{font-size:27px}.logs-stat-note{font-size:10px}.logs-panel-heading{align-items:flex-start;padding:17px}.logs-panel-heading h2{font-size:15px}.logs-events-heading{flex-direction:column}.logs-actions{width:100%}.logs-actions .logs-button{flex:1}.logs-toolbar{align-items:stretch;padding:13px}.logs-search{flex-basis:100%}.logs-toolbar select{flex:calc(50% - 6px);min-width:0;max-width:100%}.logs-clear-button{align-self:flex-start}.logs-results-summary{padding:12px 14px;font-size:9px}.logs-info-list{grid-template-columns:1fr;padding:4px 17px}.logs-info-row{padding:14px 0}.logs-info-footnote{margin:0 14px 16px}.logs-alert{gap:9px;padding:13px}.logs-alert button{padding:7px 9px}.logs-table-footer{flex-direction:column;align-items:flex-start;padding:13px 15px}.logs-footer{flex-direction:column;align-items:flex-start;gap:7px;margin-top:17px}}@media (width<=360px){.logs-main{padding:14px 9px}.logs-heading h1{font-size:23px}.logs-stats{grid-template-columns:1fr 1fr;gap:8px}.logs-stat-card{padding:11px}.logs-stat-value{font-size:24px}.logs-stat-label{font-size:8px}}@media (prefers-reduced-motion:reduce){.logs-page *,.logs-page :before,.logs-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.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}}