.sidebar{width:var(--sidebar-width);min-height:100vh;background-color:var(--bg-sidebar);border-right:1px solid var(--current-border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px var(--current-shadow-color);overflow-x:hidden;will-change:transform}.sidebar.collapsed-desktop{width:var(--sidebar-collapsed-width)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:0 15px;height:var(--topbar-height);border-bottom:1px solid var(--current-border-color)}.sidebar.collapsed-desktop .sidebar-logo{justify-content:center}.sidebar-logo .logo-icon{font-size:1.8rem;color:var(--primary-color);margin-right:10px;transition:margin-right .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar.collapsed-desktop .sidebar-logo .logo-icon{margin-right:0}.sidebar-logo .logo-text{font-size:1.25rem;font-weight:600;color:var(--text-primary);white-space:nowrap;opacity:1;transition:opacity .15s ease-out}.sidebar.collapsed-desktop .sidebar-logo .logo-text{opacity:0;pointer-events:none;width:0;overflow:hidden}.sidebar-nav{flex-grow:1;overflow-y:auto;padding-top:15px}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav .nav-item{display:flex;align-items:center;padding:13px 20px;text-decoration:none;color:var(--text-secondary);transition:background-color .2s ease,color .2s ease,border-left-color .2s ease;border-left:4px solid transparent;white-space:nowrap;overflow:hidden}.sidebar.collapsed-desktop .nav-item{justify-content:center;padding-left:0;padding-right:0}.sidebar-nav .nav-item:hover{background-color:var(--active-link-bg);color:var(--primary-color)}.sidebar-nav .nav-item.active{background-color:var(--active-link-bg);color:var(--primary-color);font-weight:500;border-left-color:var(--primary-color)}.sidebar.collapsed-desktop .nav-item.active{background-color:var(--primary-color)}.sidebar.collapsed-desktop .nav-item.active .nav-icon{color:var(--text-on-primary-bg)}.sidebar.collapsed-desktop .nav-item.active:hover{background-color:var(--secondary-color)}.sidebar-nav .nav-icon{margin-right:15px;font-size:1.3em;min-width:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--current-icon-color);transition:margin-right .3s cubic-bezier(.4,0,.2,1),color .2s ease;flex-shrink:0}.sidebar-nav .nav-item:hover .nav-icon,.sidebar-nav .nav-item.active .nav-icon:not(.sidebar.collapsed-desktop .nav-item.active .nav-icon){color:var(--primary-color)}.sidebar.collapsed-desktop .nav-icon{margin-right:0}.sidebar-nav .nav-text{flex-grow:1;font-size:.95rem;opacity:1;transition:opacity .15s ease-out}.sidebar.collapsed-desktop .nav-text{opacity:0;pointer-events:none;width:0;overflow:hidden}.notification-badge{background-color:var(--accent-color);color:var(--text-on-primary-bg);border-radius:10px;padding:1px 7px;font-size:.75rem;font-weight:700;margin-left:auto;line-height:1.2;min-width:20px;text-align:center}.topbar{height:var(--topbar-height);background-color:var(--bg-topbar);border-bottom:1px solid var(--current-border-color);display:flex;align-items:center;justify-content:space-between;padding:0 15px;box-shadow:0 2px 5px var(--current-shadow-color);position:sticky;top:0;z-index:900;width:100%}.topbar-left{display:flex;align-items:center}.sidebar-toggle-btn{margin-right:10px}.current-dashboard-title{font-size:1.1rem;font-weight:500;color:var(--text-primary)}@media (max-width: 576px){.current-dashboard-title{display:none}}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-action-btn{background:none;border:none;color:var(--current-icon-color);font-size:1.25rem;cursor:pointer;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;transition:background-color .2s ease,color .2s ease}.topbar-action-btn:hover{background-color:var(--active-link-bg);color:var(--primary-color)}.install-btn{display:flex;align-items:center;gap:6px;font-size:.8rem;padding:0 12px;border-radius:20px;width:auto;height:34px;background-color:var(--primary-color);color:var(--text-on-primary-bg);border:1px solid transparent}.install-btn:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--text-on-primary-bg)}body.dark-mode .install-btn{background-color:var(--secondary-color);border-color:var(--secondary-color)}body.dark-mode .install-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.user-profile{display:flex;align-items:center;cursor:pointer;padding:5px;border-radius:50%;margin-left:5px}.user-profile:hover{background-color:var(--active-link-bg)}.user-avatar-icon{font-size:1.9rem;color:var(--text-secondary);display:flex;align-items:center}@media (max-width: 768px){.install-btn .install-btn-text{display:none}.install-btn{width:42px;height:42px;padding:0;justify-content:center}.topbar-right{gap:5px}.topbar{padding:0 10px}}.layout-container{display:flex;min-height:100vh;position:relative;overflow-x:hidden;opacity:1;transition:opacity .15s ease-in}.layout-container.not-ready{opacity:0}.main-panel{flex-grow:1;display:flex;flex-direction:column;background-color:var(--bg-main);transition:margin-left .3s cubic-bezier(.4,0,.2,1);margin-left:var(--sidebar-width);position:relative;width:calc(100% - var(--sidebar-width))}.layout-container.sidebar-collapsed .main-panel{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.content-area{flex-grow:1;padding:25px;overflow-y:auto}@media (max-width: 992px){.main-panel,.layout-container.sidebar-collapsed .main-panel{margin-left:0;width:100%;z-index:1}.layout-container.not-ready>.sidebar{transform:translate(-100%)!important}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.layout-container.sidebar-mobile-open .sidebar-overlay{opacity:1;visibility:visible}}.metric-card{padding:15px 20px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;min-height:110px}.metric-card h4{font-size:.9rem;color:var(--text-secondary);margin:0 0 10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-card .metric-value{font-size:2.2rem;font-weight:600;color:var(--text-primary);line-height:1.1;margin:0;align-self:flex-end}.metric-card .metric-value.loading-value{color:var(--text-secondary)}.metric-card .metric-unit{font-size:1.2rem;font-weight:400;color:var(--text-secondary);margin-left:4px}.dashboard-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.dashboard-page h1{font-size:1.6rem;border-bottom:none;padding-bottom:0;margin-bottom:0}.control-button{padding:8px 15px;border:1px solid var(--primary-color);background-color:transparent;color:var(--primary-color);border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.control-button.active{background-color:var(--primary-color);color:var(--text-on-primary-bg)}.control-button:hover:not(.active){background-color:var(--active-link-bg)}.main-chart-container{margin-bottom:25px}.main-chart-container h3{margin-bottom:15px;font-size:1.1rem;font-weight:500}.main-chart-container>div[style*="height: 300px"]{color:var(--text-secondary);font-style:italic}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.metric-card-placeholder{text-align:center}.metric-card-placeholder h4{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;font-weight:400;text-transform:uppercase}.metric-card-placeholder .metric-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.loading-message,.select-device-message{text-align:center;font-size:1.1rem;color:var(--text-secondary);padding:40px 20px}.notifications-dashboard .no-alerts-message{text-align:center;font-size:1rem;color:var(--text-secondary);padding:30px 0;font-style:italic}.alerts-list{display:flex;flex-direction:column;gap:15px}.alert-card{display:flex;align-items:flex-start;gap:15px;position:relative;border-left-width:5px;border-left-style:solid}.alert-card.critico{border-left-color:var(--accent-color)}.alert-card.alerta{border-left-color:var(--warning-color)}.alert-card.info{border-left-color:var(--primary-color)}.alert-icon-container{font-size:1.5rem;padding-top:2px}.alert-icon.critico{color:var(--accent-color)}.alert-icon.alerta{color:var(--warning-color)}.alert-icon.info{color:var(--primary-color)}.alert-content{flex-grow:1}.alert-message{margin:0 0 5px;font-weight:500;color:var(--text-primary);line-height:1.4}.alert-timestamp{margin:0;font-size:.8rem;color:var(--text-secondary)}.alert-action-btn{margin-left:auto;padding:5px 10px;font-size:.8rem;background-color:transparent;border:1px solid var(--current-border-color);color:var(--text-secondary);border-radius:4px;cursor:pointer;align-self:center}.alert-action-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.settings-dashboard .settings-section{margin-bottom:30px}.settings-dashboard .settings-section h2{font-size:1.3rem;color:var(--primary-color);border-bottom:1px solid var(--current-border-color);padding-bottom:10px;margin-bottom:20px}.settings-dashboard .setting-item{margin-bottom:25px;padding-bottom:15px}.settings-dashboard .setting-item:not(:last-child){border-bottom:1px dashed var(--current-border-color)}.settings-dashboard .setting-item label,.settings-dashboard .settings-form .form-group label{display:block;font-weight:500;margin-bottom:8px;color:var(--text-primary)}.settings-dashboard .setting-description{font-size:.85rem;color:var(--text-secondary);margin-top:8px;max-width:600px}.settings-dashboard .setting-description span[role=img]{font-style:normal}.settings-form{display:flex;flex-direction:column;gap:15px}.settings-form .form-group{display:flex;flex-direction:column;gap:5px}.settings-form .inline-group{display:flex;flex-direction:row;gap:20px;align-items:flex-start}.settings-form .inline-group .input-wrapper{flex:1;min-width:200px}@media (max-width: 768px){.settings-form .inline-group{flex-direction:column;gap:15px}.settings-form .inline-group .input-wrapper{width:100%}}.settings-form input[type=text],.settings-form input[type=password]{width:100%;padding:10px 12px;border:1px solid var(--current-border-color);border-radius:5px;font-size:.95rem;background-color:var(--bg-main);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.settings-form input[type=text]:focus,.settings-form input[type=password]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--active-link-bg)}.settings-form .control-button{align-self:flex-start;margin-top:10px}.settings-form .control-button.danger{border-color:var(--accent-color);color:var(--accent-color)}.settings-form .control-button.danger:hover{background-color:var(--accent-color);color:var(--text-on-primary-bg)}.form-message{margin-top:10px;padding:8px 12px;border-radius:4px;font-size:.85rem;text-align:center}.form-message.success{background-color:#2ecc7126;color:var(--success-color);border:1px solid var(--success-color)}.form-message.error{background-color:#e74c3c26;color:var(--accent-color);border:1px solid var(--accent-color)}.form-message.loading{background-color:#3498db26;color:var(--secondary-color);border:1px solid var(--secondary-color)}.toggle-switch-container{display:flex;align-items:center}.toggle-switch-checkbox{height:0;width:0;visibility:hidden;position:absolute}.toggle-switch-label{cursor:pointer;text-indent:-9999px;width:50px;height:28px;background:gray;display:block;border-radius:100px;position:relative;transition:background-color .2s ease}.toggle-switch-label:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:90px;transition:.2s}.toggle-switch-checkbox:checked+.toggle-switch-label{background:var(--success-color)}.toggle-switch-checkbox:checked+.toggle-switch-label:after{left:calc(100% - 3px);transform:translate(-100%)}.toggle-switch-label:active:after{width:26px}.interval-control{display:flex;align-items:center;gap:15px;margin-top:5px}.interval-control input[type=range]{flex-grow:1;max-width:300px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:var(--current-border-color);border-radius:5px;outline:none}.interval-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer}.interval-control input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--primary-color);border-radius:50%;border:none;cursor:pointer}.interval-control span{font-weight:500;color:var(--primary-color);min-width:100px}.active-device-id-display{font-weight:600;color:var(--primary-color);word-break:break-all}:root{--primary-color: #2980b9;--secondary-color: #3498db;--accent-color: #e74c3c;--success-color: #2ecc71;--warning-color: #f39c12;--border-color: #e0e0e0;--sidebar-width: 260px;--sidebar-collapsed-width: 70px;--topbar-height: 65px;--bg-main-light: #f4f6f8;--bg-sidebar-light: #ffffff;--bg-topbar-light: #ffffff;--bg-card-light: #ffffff;--text-primary-light: #2c3e50;--text-secondary-light: #7f8c8d;--text-on-primary-bg-light: #ffffff;--shadow-color-light: rgba(0, 0, 0, .08);--icon-color-light: #555555;--active-link-bg-light: rgba(41, 128, 185, .1);--bg-main-dark: #1a1d24;--bg-sidebar-dark: #232a35;--bg-topbar-dark: #232a35;--bg-card-dark: #2c3440;--text-primary-dark: #ecf0f1;--text-secondary-dark: #bdc3c7;--text-on-primary-bg-dark: #ffffff;--border-color-dark: #3e4a59;--shadow-color-dark: rgba(0, 0, 0, .25);--icon-color-dark: #bdc3c7;--active-link-bg-dark: rgba(52, 152, 219, .15)}body.light-mode{--bg-main: var(--bg-main-light);--bg-sidebar: var(--bg-sidebar-light);--bg-topbar: var(--bg-topbar-light);--bg-card: var(--bg-card-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--text-on-primary-bg: var(--text-on-primary-bg-light);--current-border-color: var(--border-color);--current-shadow-color: var(--shadow-color-light);--current-icon-color: var(--icon-color-light);--active-link-bg: var(--active-link-bg-light)}body.dark-mode{--bg-main: var(--bg-main-dark);--bg-sidebar: var(--bg-sidebar-dark);--bg-topbar: var(--bg-topbar-dark);--bg-card: var(--bg-card-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--text-on-primary-bg: var(--text-on-primary-bg-dark);--current-border-color: var(--border-color-dark);--current-shadow-color: var(--shadow-color-dark);--current-icon-color: var(--icon-color-dark);--active-link-bg: var(--active-link-bg-dark)}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;font-size:16px;transition:background-color .2s ease-in-out,color .2s ease-in-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-top:0;font-weight:500}.status-normal{color:var(--success-color)}.status-alerta{color:var(--warning-color)}.status-critico{color:var(--accent-color)}.dashboard-page{padding:20px}.dashboard-page h1{font-size:1.8rem;margin-bottom:25px;border-bottom:1px solid var(--current-border-color);padding-bottom:10px}.card{background-color:var(--bg-card);border-radius:8px;padding:20px;box-shadow:0 4px 12px var(--current-shadow-color);border:1px solid var(--current-border-color);margin-bottom:20px}.chart-container-wrapper{padding:15px;background-color:var(--bg-card);border-radius:8px;box-shadow:0 4px 12px var(--current-shadow-color);border:1px solid var(--current-border-color);margin-bottom:20px}.chart-container-wrapper h3{margin-top:0;margin-bottom:15px;font-size:1.2rem}