@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{color:#172b3d;font-synthesis:none;text-rendering:optimizelegibility;--navy:#0d253a;--navy-light:#16344c;--blue:#1479e8;--blue-dark:#0965ce;--ink:#172b3d;--muted:#78899a;--line:#e3e9ef;--surface:#fff;--canvas:#f4f7fa;--green:#15966a;--shadow:0 2px 8px #122a400d;background:#f4f7fa;font-family:IBM Plex Sans KR,Malgun Gothic,sans-serif;font-size:14px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1479e852}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#e8f0f7;background:linear-gradient(#0d263c,#0b2134);flex-direction:column;width:228px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:5px 0 18px #0a1f3112}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;min-height:72px;padding:15px 15px 14px 18px;display:flex}.brand-mark{color:#71d99b;background:#4fba7a26;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.brand strong,.brand span{white-space:nowrap;display:block}.brand strong{letter-spacing:-.35px;font-size:13px;font-weight:700}.brand span{color:#9fb2c3;margin-top:3px;font-size:10px}.sidebar nav{gap:4px;padding:16px 9px;display:grid}.nav-item{color:#cfdae4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;transition:background .15s,color .15s;display:flex}.nav-item span{font-size:13px;font-weight:500}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#137ce9;box-shadow:inset 3px 0 #73bbff}.sidebar-footer{color:#a5b6c4;border-top:1px solid #ffffff14;align-items:center;gap:9px;margin-top:auto;padding:18px 15px 20px;font-size:11px;line-height:1.55;display:flex}.footer-emblem{color:#fff;background:#167bdd;border:2px solid #70c7e7;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:15px;font-weight:700;display:grid}.main-column{min-height:100vh;margin-left:228px}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e7edf2;justify-content:space-between;align-items:center;height:58px;padding:0 27px;display:flex;position:sticky;top:0}.topbar-context,.topbar-tools,.profile-button{align-items:center;display:flex}.topbar-context{color:#75879a;gap:9px;font-size:12px}.context-dot,.demo-pill>span,.live-dot{background:#19a879;border-radius:50%;width:7px;height:7px}.topbar-divider{color:#c0cad2}.topbar-tools{gap:20px}.current-time{color:#728296;font-family:JetBrains Mono,monospace;font-size:11px}.top-icon,.profile-button,.icon-button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.top-icon{color:#324b61;width:30px;height:32px;position:relative}.top-icon i{color:#fff;background:#e53b3b;border:1px solid #fff;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;font-style:normal;display:grid;position:absolute;top:0;right:-1px}.profile-button{color:#344c60;gap:7px;font-size:12px}.content{width:min(100%,1500px);margin:0 auto;padding:25px 28px 22px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.eyebrow{color:#8192a2;letter-spacing:.09em;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}h1{color:#142b3e;letter-spacing:-.65px;margin:4px 0 3px;font-size:23px;font-weight:700}.page-heading p{color:#7d8d9c;margin:0;font-size:12px}.button{cursor:pointer;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}.button.primary{color:#fff;background:var(--blue);border:1px solid var(--blue);box-shadow:0 2px 4px #1479e81f}.button.primary:hover{background:var(--blue-dark)}.button.outline{color:#536c81;background:#fff;border:1px solid #d6e0e8}.button.outline:hover{color:#1479e8;border-color:#83b8ec}.demo-pill{color:#64798b;background:#edf3f7;border-radius:16px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:inline-flex}.demo-pill>span{background:#15966a}.surface{background:var(--surface);box-shadow:var(--shadow);border:1px solid #e4eaf0;border-radius:8px}.summary-row{grid-template-columns:1.28fr repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.summary-card{min-height:91px;box-shadow:var(--shadow);background:#fff;border:1px solid #e4eaf0;border-radius:8px;align-items:center;gap:12px;padding:14px 15px;display:flex;position:relative}.summary-icon{border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid}.summary-icon.navy{color:#23648e;background:#e8f2f8}.summary-icon.red{color:#ef4444;background:#fff0ee}.summary-icon.blue{color:#1685e8;background:#ecf6ff}.summary-icon.green{color:#13a26e;background:#e9f8f0}.summary-icon.leaf{color:#62a447;background:#f0f7eb}.summary-card span{color:#718294;font-size:11px;display:block}.summary-card strong{color:#162d41;margin-top:1px;font-family:JetBrains Mono,monospace;font-size:23px;line-height:1.25;display:inline-block}.summary-card small{color:#8b99a6;white-space:nowrap;margin-top:2px;font-size:10px;display:block}.summary-card small b{color:#13976b;font-weight:600}.summary-card small em{color:#e37825;font-style:normal}.summary-card small i{color:#b7c0c8;font-style:normal}.summary-side{color:#a0acb8;font-size:9px;position:absolute;top:16px;right:12px}.sensor-workspace{overflow:hidden}.filter-tabs{border-bottom:1px solid #e8edf1;align-items:center;gap:5px;min-height:57px;padding:10px 13px;display:flex}.filter-tabs>button{color:#687c8f;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;min-height:31px;padding:0 10px;font-size:11px}.filter-tabs>button span{color:inherit;opacity:.7;margin-left:3px;font-family:JetBrains Mono,monospace;font-size:10px}.filter-tabs>button:hover{background:#f2f7fb}.filter-tabs>button.chosen{color:#fff;background:#1979df;border-color:#1979df}.filter-spacer,.toolbar-spacer{flex:1}.select-wrap,.search-field{color:#8191a0;border:1px solid #dce4eb;border-radius:5px;align-items:center;gap:6px;height:33px;padding:0 8px;display:flex}.select-wrap select,.search-field input{color:#53697b;background:0 0;border:0;outline:0;min-width:0;font-size:11px}.select-wrap select{appearance:none}.search-field{width:188px}.search-field input{width:100%}.search-field input::placeholder{color:#a5b0ba}.search-field button{color:#9aa8b4;cursor:pointer;background:0 0;border:0;padding:2px;display:grid}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:#f4f8fb}th{color:#617588;border-bottom:1px solid #e4eaf0;height:39px;padding:0 10px;font-size:10px;font-weight:600}td{color:#586e81;border-bottom:1px solid #edf1f4;height:45px;padding:0 10px;font-size:11px}tbody tr:hover{background:#fafcfe}.muted-cell{color:#a4b0ba;font-family:JetBrains Mono,monospace;font-size:10px}.sensor-name{color:#2d5677;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.kind-label{align-items:center;gap:6px;display:inline-flex}.kind-dot{border-radius:50%;width:7px;height:7px}.kind-dot.red{background:#ef5555}.kind-dot.blue{background:#2086e8}.kind-dot.green{background:#18a374}.kind-dot.leaf{background:#69a94c}.location-cell{color:#728496}.value-cell{color:#314b60;font-family:JetBrains Mono,monospace;font-size:10px}.time-cell{color:#788999;font-family:JetBrains Mono,monospace;font-size:9px}.battery{align-items:center;gap:6px;display:flex}.battery>span{background:#edf3f3;border:1px solid #aebdc6;border-radius:2px;width:20px;height:10px;position:relative}.battery>span:after{content:"";background:#aebdc6;border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:2px;right:-3px}.battery>span:before{width:var(--level);content:"";background:#16a66d;border-radius:1px;max-width:15px;position:absolute;inset:1px auto 1px 1px}.battery>span.low:before{background:#e6a03e}.battery small{color:#788b9b;font-family:JetBrains Mono,monospace;font-size:9px}.status{color:#179769;align-items:center;gap:5px;font-size:10px;display:inline-flex}.status i{background:#17a576;border-radius:50%;width:6px;height:6px}.status.warning{color:#d38825}.status.warning i{background:#e7a137}.status.offline{color:#c75b51}.status.offline i{background:#dd5e53}.align-right{text-align:right}.detail-button{color:#1876d2;cursor:pointer;background:#fff;border:1px solid #cfe0f0;border-radius:4px;min-width:39px;padding:4px 7px;font-size:10px}.detail-button:hover{background:#eff7ff;border-color:#78b2e8}.empty-row{color:#8c9aa6;text-align:center;height:100px}.table-footer{color:#82919e;justify-content:space-between;align-items:center;min-height:52px;padding:0 14px;font-size:10px;display:flex}.table-footer b{color:#526a7d;font-weight:600}.pagination{align-items:center;gap:4px;display:flex}.pagination button{color:#708396;cursor:pointer;background:#fff;border:1px solid #e0e7ed;border-radius:4px;place-items:center;min-width:27px;height:27px;font-size:10px;display:grid}.pagination button.current{color:#fff;background:#1879df;border-color:#1879df}.pagination button:disabled{color:#b5bec6;background:#f8fafb}.bottom-note{color:#8493a0;align-items:center;gap:7px;margin-top:13px;font-size:10px;display:flex}.bottom-note b{color:#526b7f;font-weight:600}.note-separator{color:#bdc7cf;padding:0 2px}.live-dot{width:6px;height:6px}.bottom-note button{color:#6b7e8d;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;padding:4px 7px;font-size:10px;display:inline-flex}.page-footer{color:#9aa6b1;border-top:1px solid #e4eaf0;justify-content:space-between;margin-top:22px;padding:14px 2px 0;font-size:10px;display:flex}.mobile-menu,.close-nav,.nav-backdrop{display:none}.analytics-controls,.data-controls,.device-toolbar{align-items:center;gap:13px;min-height:65px;margin-bottom:16px;padding:12px 14px;display:flex}.analytics-controls label,.data-controls label{color:#657a8d;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.analytics-controls select,.data-controls select,.device-section select,.settings-form select{color:#475e72;background:#fff;border:1px solid #dce4eb;border-radius:4px;min-height:32px;padding:0 25px 0 9px;font-size:11px}.date-input{color:#718396;border:1px solid #dce4eb;border-radius:4px;align-items:center;gap:7px;height:33px;padding:0 8px;display:flex}.date-input input{color:#4e6478;background:0 0;border:0;width:110px;font-family:JetBrains Mono,monospace;font-size:10px}.date-input input::-webkit-calendar-picker-indicator{opacity:.55;width:12px}.range-buttons{align-items:center;gap:4px;display:flex}.range-buttons button{color:#718397;cursor:pointer;background:#fff;border:1px solid #e0e7ed;border-radius:4px;min-height:29px;padding:0 8px;font-size:10px}.range-buttons button.selected{color:#fff;background:#1778dc;border-color:#1778dc}.query-button{min-width:54px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chart-card{min-width:0;padding:15px 17px 12px}.chart-heading,.panel-heading,.device-title,.modal-heading{justify-content:space-between;align-items:center;display:flex}.chart-heading h2,.panel-heading h2,.device-title h2,.device-tree h2,.settings-body h2{color:#243d52;margin:0;font-size:14px;font-weight:600}.chart-heading .icon-button{color:#8797a5}.chart-legend{color:#8493a1;align-items:center;gap:5px;margin-top:5px;font-size:10px;display:inline-flex}.chart-legend i{border-radius:3px;width:14px;height:2px}.chart-stat{color:#8795a1;align-items:center;gap:15px;margin:8px 0 0;font-size:10px;display:flex}.chart-stat b{color:#3c5569;font-family:JetBrains Mono,monospace;font-weight:600}.chart-area{height:147px;margin-top:4px;padding-left:28px;position:relative}.chart-area svg{width:100%;height:100%;overflow:visible}.chart-y{color:#9ba7b1;flex-direction:column;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:8px;display:flex;position:absolute;inset:4px auto 14px 0}.gridline{fill:none;stroke:#ebf0f3;stroke-width:1px;vector-effect:non-scaling-stroke}.chart-x{color:#9aa6b1;justify-content:space-between;padding:0 2px 0 29px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex}.dashboard-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.kpi-card{flex-direction:column;justify-content:center;min-height:118px;padding:17px 18px;display:flex}.kpi-card>span{color:#758799;font-size:11px}.kpi-card strong{color:#1d3a52;margin-top:4px;font-family:JetBrains Mono,sans-serif;font-size:25px}.kpi-card strong small{color:#778a9c;font-family:IBM Plex Sans KR,sans-serif;font-size:13px;font-weight:500}.kpi-card em{color:#8c9aa6;margin-top:4px;font-size:10px;font-style:normal}.kpi-card em.positive,.green-text{color:#16966b}.orange-text{color:#d8892d!important}.dashboard-grid{grid-template-columns:1.15fr 1fr;gap:14px;margin-bottom:14px;display:grid}.panel,.data-table-panel,.list-panel{padding:16px}.panel-heading{margin-bottom:12px}.panel-heading>span{color:#8493a1;font-size:11px}.text-link{color:#1878d7;cursor:pointer;background:0 0;border:0;padding:3px 0;font-size:11px}.greenhouse-row{border-top:1px solid #edf1f4;align-items:center;gap:11px;min-height:62px;display:flex}.greenhouse-icon{color:#3680b7;background:#edf5fa;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.greenhouse-info{flex-direction:column;gap:3px;min-width:126px;display:flex}.greenhouse-info strong,.alert-row strong{color:#354e62;font-size:11px;font-weight:600}.greenhouse-info span,.alert-row small{color:#92a0ac;font-size:10px}.greenhouse-values{color:#607589;flex:1;justify-content:flex-end;gap:12px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.alert-row{border-top:1px solid #edf1f4;align-items:center;gap:10px;min-height:52px;display:flex}.alert-row>div{flex-direction:column;gap:3px;display:flex}.alert-mark{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.alert-mark.warning{color:#be7b1e;background:#fff3df}.alert-mark.error{color:#c9574c;background:#fff0ef}.alert-mark.info{color:#2c80c7;background:#ebf5fc}.recent-panel{padding-bottom:0}.recent-panel .panel-heading{margin-bottom:8px}.data-controls{flex-wrap:wrap}.data-controls .button{min-height:33px}.data-table-panel{padding-bottom:0;overflow:hidden}.data-table-panel .panel-heading{min-height:30px}.data-table-panel td{height:47px}.count-badge{color:#fff;vertical-align:1px;background:#df5b52;border-radius:10px;place-items:center;min-width:19px;height:19px;margin-left:5px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-grid}.list-panel{gap:1px;display:grid}.notification-row{border-top:1px solid #edf1f4;align-items:center;gap:13px;min-height:82px;display:flex}.notification-content{flex:1}.notification-content strong{color:#304b60;font-size:12px}.notification-content p{color:#758899;margin:3px 0;font-size:11px}.notification-content small,.notification-time{color:#9aa6b1;font-size:10px}.role-badge{color:#47789c;background:#edf5fa;border-radius:4px;padding:4px 8px;font-size:10px}.log-level{color:#388264;background:#edf8f2;border-radius:4px;padding:4px 7px;font-size:10px}.log-level.warning{color:#b87824;background:#fff6e8}.log-level.error{color:#bd5048;background:#fff0ef}.user-search{width:210px}.device-toolbar{min-height:53px}.device-search{color:#8695a2;border:1px solid #dce4eb;border-radius:4px;align-items:center;gap:7px;width:215px;height:31px;padding:0 8px;display:flex}.device-search input{color:#526a7e;background:0 0;border:0;outline:0;width:100%;font-size:11px}.tree-total{color:#687e91;align-items:center;gap:6px;font-size:11px;display:inline-flex}.green-dot{background:#17a36e;border-radius:50%;width:7px;height:7px}.device-layout{grid-template-columns:228px minmax(0,1fr);min-height:540px;display:grid;overflow:hidden}.device-tree{border-right:1px solid #e5ebf0;padding:16px 10px}.device-tree h2{margin:0 6px 12px;font-size:13px}.tree-house,.tree-sensor{color:#506b80;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;width:100%;min-height:31px;padding:0 6px;font-size:10px;display:flex}.tree-house{font-weight:600}.tree-house small,.tree-sensor small{color:#8998a5;font-size:9px}.tree-group{margin-top:4px}.tree-sensor{color:#60778a;gap:7px;padding-left:25px}.tree-sensor.selected{color:#176ec0;background:#e7f3fd}.tree-led{background:#25a976;border-radius:50%;width:5px;height:5px}.tree-led.offline{background:#dc645b}.device-main{min-width:0;padding:15px 16px 12px}.device-title{min-height:34px;margin-bottom:12px}.device-title>div{align-items:center;gap:10px;display:flex}.device-title h2{font-size:14px}.settings-tabs{border-bottom:1px solid #e8edf1;gap:4px;margin-bottom:16px;padding-bottom:9px;display:flex}.settings-tabs button{color:#6f8293;cursor:pointer;white-space:nowrap;background:#f5f8fa;border:1px solid #e8edf1;border-radius:4px;flex:1;min-height:32px;padding:0 4px;font-size:10px}.settings-tabs button.active{color:#fff;background:#1679df;border-color:#1679df}.device-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.device-section{min-width:0}.device-section h3{color:#3c566b;border-bottom:1px solid #e9eef2;margin:0 0 12px;padding-bottom:8px;font-size:12px}.device-section label,.settings-form label,.device-field{color:#718497;flex-direction:column;gap:7px;min-height:58px;font-size:10px;display:flex}.field-label{display:block}.device-section input:not([type=checkbox]){color:#52697d;background:#fff;border:1px solid #dfe6ec;border-radius:4px;width:100%;min-height:31px;padding:0 8px;font-size:10px}.device-section select{min-height:31px;padding-left:8px;font-size:10px}.threshold{align-items:center;gap:7px;display:flex}.threshold input{max-width:69px}.threshold span{color:#98a4ae;font-size:9px}.threshold-pair{align-items:center;gap:11px;display:flex}.threshold-pair>span{align-items:center;gap:5px;display:flex}.threshold-pair input{max-width:55px}.threshold-pair small{color:#98a4ae;font-size:9px}.switch-label{align-items:center;color:#63798d!important;flex-direction:row!important;min-height:38px!important}.switch-label input{accent-color:#1479e8}.battery-info{color:#50687c;align-items:center;gap:9px;min-height:31px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.battery-info>i{background:#e7edf1;border-radius:5px;width:74px;height:7px;overflow:hidden}.battery-info>i b{border-radius:inherit;background:#1aa26f;height:100%;display:block}.signal{color:#526d82;align-items:center;gap:7px;min-height:31px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.signal svg{color:#16865c}.restart-button{width:100%;min-height:31px;margin-top:1px;font-size:10px}.saved-settings{color:#95a2ad;border-top:1px solid #edf1f4;margin-top:12px;padding-top:9px;font-size:10px}.general-settings{overflow:hidden}.general-settings>.settings-tabs{border-bottom:1px solid #e6edf2;margin:0;padding:12px 15px}.settings-body{padding:23px 25px}.settings-body h2{font-size:16px}.settings-body>p{color:#8493a0;margin:6px 0 20px;font-size:11px}.settings-form{grid-template-columns:1fr 1fr;gap:12px 24px;max-width:590px;display:grid}.settings-form select{width:100%;min-height:37px}.settings-save{border-top:1px solid #edf1f4;justify-content:space-between;align-items:center;max-width:590px;margin-top:20px;padding-top:14px;display:flex}.settings-save>span{color:#96a3ae;font-size:10px}.modal-backdrop{z-index:50;background:#0a1b2a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.detail-modal{background:#fff;border-radius:10px;width:min(100%,440px);padding:22px;box-shadow:0 16px 50px #0b233638}.modal-heading{align-items:flex-start}.modal-heading h2{color:#1c354b;margin:3px 0 0;font-family:JetBrains Mono,monospace;font-size:20px}.modal-heading .icon-button{color:#768896}.modal-state{color:#7a8c9b;border-bottom:1px solid #edf1f4;align-items:center;gap:10px;margin:15px 0;padding-bottom:12px;font-size:11px;display:flex}.detail-value{color:#1c496b;background:#f2f8fc;border-radius:7px;flex-direction:column;gap:3px;padding:16px;font-family:JetBrains Mono,monospace;font-size:26px;font-weight:600;display:flex}.detail-value small{color:#8497a7;font-family:IBM Plex Sans KR,sans-serif;font-size:10px;font-weight:400}.detail-list{margin:13px 0 4px}.detail-list div{border-bottom:1px solid #f0f3f5;justify-content:space-between;gap:10px;padding:9px 1px;font-size:11px;display:flex}.detail-list dt{color:#82919e}.detail-list dd{color:#455d71;text-align:right;margin:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:17px;display:flex}.toast{z-index:80;color:#fff;background:#173b56;border-radius:7px;align-items:center;gap:9px;padding:12px 16px;font-size:12px;animation:.16s ease-out toast-in;display:flex;position:fixed;bottom:23px;right:24px;box-shadow:0 7px 22px #102a3d33}.toast svg{color:#8ae0ae}@keyframes toast-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}.login-wrapper{background:linear-gradient(145deg,#091c2c 0%,#0d263c 55%,#14354f 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-card{background:#fff;border:1px solid #dce4ed;border-radius:12px;width:min(100%,390px);padding:34px 30px 28px;box-shadow:0 16px 42px #05121f47}.login-brand{border-bottom:1px solid #edf2f6;align-items:center;gap:11px;margin-bottom:22px;padding-bottom:18px;display:flex}.login-brand-mark{color:#16966b;background:#16966b1f;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.login-brand-text strong{color:#142b3e;letter-spacing:-.3px;font-size:14px;font-weight:700;display:block}.login-brand-text span{color:#7d8e9e;margin-top:2px;font-size:11px;display:block}.login-header{margin-bottom:20px}.login-header h2{color:#162c3f;margin:0;font-size:19px;font-weight:700}.login-header p{color:#7b8b9a;margin:4px 0 0;font-size:12px}.login-form{gap:14px;display:grid}.login-field{color:#556c80;flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.login-field input{color:#1a3043;background:#fff;border:1px solid #d7e0e7;border-radius:6px;height:40px;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:#a6b3bf}.login-field input:focus{border-color:#1479e8;outline:0;box-shadow:0 0 0 3px #1479e829}.login-error{color:#c7382d;background:#fff1f0;border:1px solid #fbd0cd;border-radius:6px;align-items:center;padding:9px 12px;font-size:11px;line-height:1.4;display:flex}.login-submit{border-radius:6px;width:100%;min-height:42px;margin-top:4px;font-size:13px;font-weight:600}.login-notice{color:#697c8d;text-align:center;background:#f4f8fb;border:1px solid #e1e9f0;border-radius:6px;margin-top:20px;padding:9px 11px;font-size:11px;line-height:1.45}.logout-button{color:#5c7285;cursor:pointer;background:#f3f6f9;border:1px solid #dbe3ea;border-radius:5px;align-items:center;gap:5px;min-height:31px;padding:0 9px;font-size:11px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.logout-button:hover{color:#c9574c;background:#fff1f0;border-color:#f7cbc7}@media (width<=1180px){.content{padding-left:19px;padding-right:19px}.summary-row{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-side{display:none}.filter-tabs{flex-wrap:wrap}.filter-spacer{display:none}.analytics-controls{flex-wrap:wrap}.device-layout{grid-template-columns:198px minmax(0,1fr)}.device-columns{gap:10px}}@media (width<=820px){.sidebar{z-index:40;width:250px;transition:transform .2s;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.main-column{margin-left:0}.mobile-menu{color:#405a70;width:32px;height:32px;margin-right:9px;display:inline-flex}.close-nav{color:#d5e0e9;margin-left:auto;display:inline-flex}.topbar{justify-content:flex-start;padding:0 14px}.topbar-context{flex:1}.topbar-tools{gap:10px}.current-time{display:none}.nav-backdrop{z-index:30;background:#0716236e;border:0;display:block;position:fixed;inset:0}.content{padding:20px 15px}.summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card:first-child{grid-column:span 2}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.analytics-controls label{flex:180px}.chart-grid,.device-layout{grid-template-columns:1fr}.device-tree{border-bottom:1px solid #e5ebf0;border-right:0;max-height:215px;overflow-y:auto}.device-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.device-section:last-child{grid-column:span 2}}@media (width<=560px){.topbar{height:52px}.topbar-context{gap:6px;font-size:10px}.profile-button span,.profile-button>svg:last-child{display:none}.logout-button{min-height:28px;padding:0 7px;font-size:10px}.logout-button span{font-size:10px}.topbar-tools{gap:8px}.content{padding:17px 11px 18px}.page-heading{align-items:flex-start;margin-bottom:15px}h1{font-size:20px}.page-heading p{max-width:230px;font-size:11px}.page-heading>.button{min-height:33px;padding:0 9px;font-size:10px}.summary-row{gap:8px;margin-bottom:12px}.summary-card{gap:8px;min-height:78px;padding:10px}.summary-icon{width:31px;height:31px}.summary-icon svg{width:17px}.summary-card strong{font-size:20px}.summary-card small{font-size:9px}.filter-tabs{gap:3px;padding:9px}.filter-tabs>button{padding:0 8px;font-size:10px}.select-wrap{margin-left:auto}.search-field{flex:150px;width:auto}th,td{padding:0 8px}.bottom-note{flex-wrap:wrap;font-size:9px}.bottom-note button{margin-left:auto}.page-footer{gap:8px;font-size:9px}.page-footer span:last-child{text-align:right}.analytics-controls,.data-controls{align-items:stretch;gap:9px;padding:11px}.analytics-controls label,.data-controls label{flex-direction:column;flex:calc(50% - 8px);align-items:stretch;gap:5px}.analytics-controls select,.data-controls select{width:100%}.date-input{gap:3px;min-width:0;padding:0 5px}.date-input input{width:83px;min-width:0;font-size:9px}.range-buttons{flex:100%;justify-content:space-between}.range-buttons button{flex:1;padding:0 3px}.query-button{flex:100%}.chart-card{padding:13px 12px 11px}.chart-area{height:132px}.dashboard-kpis{gap:8px}.kpi-card{min-height:104px;padding:12px}.kpi-card strong{font-size:21px}.panel,.data-table-panel,.list-panel{padding:12px}.greenhouse-row{gap:7px}.greenhouse-values{flex-direction:column;gap:4px;font-size:9px}.greenhouse-info{min-width:108px}.greenhouse-info strong,.alert-row strong{font-size:10px}.device-toolbar{flex-wrap:wrap}.device-search{flex:1}.device-toolbar>.button{padding:0 8px}.device-main{padding:12px 10px}.device-title h2{font-size:12px}.device-title>.button{min-height:31px;padding:0 8px}.settings-tabs{overflow-x:auto}.settings-tabs button{min-width:77px}.device-columns{grid-template-columns:1fr;gap:14px}.device-section:last-child{grid-column:auto}.device-section{border-bottom:1px solid #edf1f4;padding-bottom:8px}.device-section label{min-height:55px}.general-settings>.settings-tabs{padding:10px}.settings-body{padding:17px 13px}.settings-form{grid-template-columns:1fr;gap:5px}.notification-row{flex-wrap:wrap;gap:8px;padding:11px 0}.notification-time{margin-left:32px}.notification-row .detail-button{margin-left:auto}.user-search{flex-basis:100%!important}.modal-backdrop{align-items:end;padding:10px}.detail-modal{border-radius:10px 10px 6px 6px;padding:18px}.toast{text-align:center;justify-content:center;font-size:11px;bottom:12px;left:12px;right:12px}.login-card{padding:26px 20px 22px}.login-header h2{font-size:17px}}