:root{--magalu-gradient: linear-gradient(180deg, #fbff00, #e20000, #ff00b3, #5900ff, #0011f8, #00ccff, #00f80c);--magalu-gradient-90: linear-gradient(90deg, #fbff00, #e20000, #ff00b3, #5900ff, #0011f8, #00ccff, #00f80c);--magalu-blue: #0086FF;--magalu-blue-dark: #005fbf;--magalu-orange: #FF9900;--magalu-yellow: #F8E100;--magalu-bg: #F0F2F5;--magalu-card-bg: #FFFFFF;--magalu-text-primary: #333333;--magalu-text-secondary: #5A6978;--magalu-border: #E0E3E6;--magalu-shadow: 0 2px 8px rgba(0, 0, 0, .07);--danger-color: #e74c3c;--log-bg: #212529;--accent-color: #4a5568;--accent-highlight: #667eea;--card-radius: 12px;--color-background: #f8f9fa;--color-surface: #ffffff;--color-primary: #4a69bd;--color-primary-dark: #0086ff;--color-accent: #0c2dbe;--color-text-base: #212529;--color-text-muted: #ffffff;--color-text-inverted: #f8f9fa;--color-border: #dee2e6;--status-green: #28a745;--status-yellow: #ffc107;--status-red: #dc3545;--status-gray: #6c757d;--status-blue: #17a2b8;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-xs: .75rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-h1: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--border-radius: .5rem;--border-radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--transition: all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3{color:var(--magalu-text-primary);font-weight:600;margin-bottom:1rem}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-base);background-color:var(--color-background);min-height:100%;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}.app-container{display:flex;min-height:100vh}.main-content{flex-grow:1;padding:2rem;overflow-y:auto;transition:margin-left .3s ease-in-out;margin-left:260px}.app-container.sidebar-collapsed .main-content{margin-left:88px}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700}.container{width:95%;max-width:1280px;margin:0 auto}.sidebar{position:relative;width:260px;background-color:var(--magalu-card-bg);display:flex;flex-direction:column;padding:1.5rem 1rem;flex-shrink:0;position:fixed;height:100%;transition:width .3s ease-in-out;overflow-x:hidden}.sidebar-divider{position:absolute;top:0;right:0;height:100%;width:4px;background:var(--magalu-gradient)}.sidebar-header{font-size:1.5rem;font-weight:800;color:var(--magalu-blue);margin-bottom:2rem;padding:0 16px;text-align:left;white-space:nowrap}.sidebar nav{flex-grow:1}.sidebar nav ul{list-style:none;display:flex;flex-direction:column;gap:8px}.sidebar nav a,.sidebar-footer button{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:12px 16px;border-radius:8px;background-color:transparent;border:none;cursor:pointer;font-size:1em;font-family:var(--font-family);color:var(--magalu-text-secondary);transition:all .2s ease;white-space:nowrap;text-decoration:none}.sidebar nav a svg,.sidebar-footer button svg{width:24px;height:24px;flex-shrink:0}.sidebar nav a:hover,.sidebar-footer .sidebar-toggle:hover{background-color:var(--magalu-bg);color:var(--magalu-text-primary)}.sidebar nav a.active{background-color:var(--primary-blue-light, #e6f2ff);color:var(--magalu-blue)}.sidebar-footer{padding:10px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px}.sidebar-footer .logout-button:hover{background-color:#ffebee;color:var(--status-red)}.sidebar.collapsed{width:72px;padding:1.5rem .75rem}.sidebar.collapsed .sidebar-header{font-size:0}.sidebar .link-text{transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.sidebar.collapsed .link-text{opacity:0;width:0;font-size:0px;visibility:hidden;transition:opacity .1s ease}.sidebar ul li a,.sidebar .submenu-toggle{display:flex;align-items:center;gap:12px;padding:10px 16px;transition:padding .3s ease}.sidebar.collapsed ul li a,.sidebar.collapsed .submenu-toggle{justify-content:center;gap:0;padding:10px 0}.sidebar.collapsed nav a,.sidebar.collapsed .sidebar-footer button{justify-content:center;gap:0;padding:12px}.bot-painel{background-color:var(--magalu-card-bg);border-radius:var(--card-radius);text-align:center;border:1px solid var(--magalu-border);padding:20px;box-shadow:0 4px 6px -1px var(--magalu-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.bot-painel h2{margin:0;font-size:1.2em;font-weight:600;color:var(--magalu-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.bot-painel:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px var(--magalu-shadow);border-color:var(--accent-highlight)}.bot-painel .label{color:var(--magalu-text-secondary);font-weight:500;margin-right:8px}.bot-painel .value{color:var(--magalu-text-primary);font-weight:600}.bot-painel .texto{color:var(--magalu-text-primary);font-weight:400}.bot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;padding:25px;border-bottom:1px solid var(--magalu-border)}.content-grid,.bot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.bot-card{background-color:var(--magalu-card-bg);border-radius:12px;padding:var(--space-5);border:1px solid var(--magalu-border);box-shadow:var(--magalu-shadow);transition:transform .2s ease,box-shadow .2s ease,border-left .2s ease;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;border-left:4px solid transparent}.bot-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a;border-left:4px solid var(--accent-highlight)}.bot-card .label{color:var(--magalu-text-secondary);font-weight:500;margin-right:8px}.bot-card .value{color:var(--magalu-blue);font-weight:700}.bot-card .texto{color:var(--magalu-text-primary);font-weight:400}.bot-card h2{margin:0 0 var(--space-3) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--magalu-text-primary);text-transform:capitalize}.bot-card p{display:flex;justify-content:space-between;align-items:center;margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.bot-card p:last-child{border-bottom:none}.bot-card .fila{font-weight:600;color:var(--color-text-base);margin-left:var(--space-2)}.card{background-color:var(--magalu-card-bg);border-radius:12px;border:1px solid var(--magalu-border);padding:1.5rem;box-shadow:var(--magalu-shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--magalu-border)}.card-body{padding:.75rem 1.25rem;flex-grow:1}.card-body p{margin:10px 0;font-size:.95em;line-height:1.5}.card-footer{background-color:#fafbfd;padding:10px 20px;text-align:center;border-top:1px solid var(--magalu-border)}.card-title-section{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e2e8f0}.card-title-section h2{margin:0;text-align:center}.table-wrapper{background-color:var(--magalu-card-bg, #ffffff);border-radius:var(--card-radius, 12px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));overflow:hidden;border:1px solid var(--magalu-border, #e2e8f0);flex-grow:1;display:flex}.custom-table{width:100%;border-collapse:collapse}.custom-table th,.custom-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--magalu-border)}.custom-table thead th{background-color:#f8f9fa;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--magalu-text-secondary)}.custom-table tbody tr:last-child td{border-bottom:none}.custom-table tbody tr:hover{background-color:#f3faff}.overview-table th,.overview-table td{padding:.75rem 1rem;border-bottom:1px solid var(--magalu-border, #e2e8f0);font-size:.9em}.overview-table tbody tr:last-child td{border-bottom:none}.overview-table th{background-color:var(--magalu-blue, #0086FF);color:#fff;font-weight:600;font-size:.8em;text-transform:uppercase;letter-spacing:.5px}.overview-table tbody tr{transition:background-color .3s ease}.overview-table tbody tr:hover{background-color:#f1f5f9}.overview-table td{font-weight:500;color:var(--magalu-text-primary, #1a202c)}.overview-table .text-center{text-align:center;font-weight:600}.overview-table{width:100%;border-collapse:collapse;text-align:left}.overview-table tbody tr:hover{background-color:#e2e8f0}.overview-table tbody tr.status-execucao{background-color:#b9ffab}.overview-table tbody tr.status-aguardando{background-color:#faf49d}.overview-table tbody tr.status-desligado{background-color:#fda4a4}.overview-table tbody tr.status-erro-ao-carregar{background-color:#fd9191}.overview-table tbody tr.status-manutencao{background-color:#ff8a8a}.overview-table tbody tr.status-parado{background-color:#ffc494}.overview-table tbody tr.status-reiniciado{background-color:#8ebaf8}.status-aguardando{background-color:#ffc107;color:#f7f19d}.status-execucao{background-color:#28a745;color:#a0eede}.status-desligado{background-color:#dc3545;color:#f9ebea}.status-manutencao{background-color:#6c757d;color:#fff}.status-default{background-color:#bdc3c7;color:#34495e}.status-parado{background-color:#fd7e14;color:#6c757d}.status-reiniciado{background-color:#0d6efd;color:#6c757d}.grid-column{display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--magalu-blue);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--magalu-blue-dark)}.btn-secondary{background-color:transparent;color:var(--magalu-blue);box-shadow:inset 0 0 0 1px var(--magalu-blue)}.btn-secondary:hover:not(:disabled){background-color:#0086ff1a}.btn-success{background-color:var(--status-green);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(110%)}.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;border:none;border-radius:8px;background-color:var(--magalu-blue);color:#fff;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease}.google-login-button:hover{filter:brightness(110%)}.google-login-button svg{width:20px;height:20px}input[type=text],input[type=date],select{padding:12px 16px;border-radius:6px;border:1px solid var(--magalu-border);font-family:var(--font-family);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{outline:none;border-color:var(--magalu-blue);box-shadow:0 0 0 3px #0086ff33}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--magalu-bg);padding:30px;border-radius:var(--border-radius);box-shadow:0 10px 30px var(--magalu-shadow);width:100%;max-width:750px;max-height:90vh;overflow-y:auto;position:relative;animation:slide-down .3s ease-out;border-top:5px solid;border-image-slice:1;border-image-source:var(--magalu-gradient-90)}@keyframes slide-down{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2em;color:var(--magalu-text-secondary);cursor:pointer;transition:color .2s,transform .2s}.close-button:hover{color:var(--magalu-blue);transform:rotate(90deg)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-card{background-color:var(--magalu-card-bg);border-radius:12px;padding:40px;box-shadow:var(--magalu-shadow);text-align:center;max-width:420px;width:100%}.login-card h1{font-size:2rem;font-weight:800;color:var(--magalu-blue);margin-bottom:1rem}.login-card p{color:var(--magalu-text-secondary);margin-bottom:2rem}.login-error{margin-top:1.5rem;color:var(--status-red);font-weight:500}.spinner{width:48px;height:48px;border:4px solid var(--magalu-border);border-bottom-color:var(--magalu-blue);border-radius:50%;box-sizing:border-box;display:inline-block;animation:rotation 1s linear infinite;margin-bottom:20px}.status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.75rem;vertical-align:middle;flex-shrink:0}.status-badge{margin-left:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:9999px;font-size:var(--font-size-xs);font-weight:600;vertical-align:middle;text-transform:uppercase;color:#fff;letter-spacing:.5px}.value{color:var(--magalu-blue-dark);font-weight:700;font-size:1.1em}.value-modal{color:var(--magalu-text-primary);font-weight:700;font-size:1.1em}.label{color:var(--magalu-text-secondary);font-weight:500;margin-right:8px}header{background-color:var(--color-primary-dark);color:var(--color-text-inverted);padding:var(--space-4) 0;box-shadow:var(--shadow-md);flex-shrink:0}header .header-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}main.container{flex-grow:1;padding-top:var(--space-8);padding-bottom:var(--space-8)}footer{background-color:var(--color-primary-dark);color:var(--color-text-muted);padding:var(--space-4);text-align:center;font-size:var(--font-size-sm);flex-shrink:0}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:.75rem}nav button{padding:.7rem 1.4rem;border:none;border-radius:8px;font-family:inherit;font-size:.95em;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease}nav button.active{background-color:#0086ff;color:#fff;font-weight:700;box-shadow:0 4px 10px #0086ff4d;transform:translateY(-2px)}nav button.inactive{background-color:#0759e6;color:#fff;font-weight:700}nav button.inactive:hover{background-color:#2d3748;transform:translateY(-2px)}.error-page{display:flex;flex-direction:column;overflow:hidden;color:#ef4444}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex-grow:1;overflow:hidden}.modal-content h2{margin:0 0 5px;color:var(--magalu-text-primary);font-weight:700}.modal-subtitle{margin:0 0 25px;color:var(--magalu-text-secondary);font-size:1em}.details-section h3,.hourly-table-section h3{border-bottom:none;background-color:var(--magalu-blue, #0086FF);color:#fff;display:inline-block;padding:8px 16px;margin:-20px 0 20px -20px;border-radius:var(--border-radius, 8px) 0 8px 0;font-weight:700;font-size:1em;text-transform:uppercase;letter-spacing:.5px}.summary-section,.details-section,.hourly-table-section{background-color:var(--magalu-card-bg, #ffffff);border-radius:var(--border-radius, 8px);box-shadow:0 4px 12px var(--magalu-shadow, rgba(44, 62, 80, .15));margin-bottom:25px;position:relative;border-top:4px solid var(--magalu-blue, #0086FF);padding:20px}.section-divider{display:none}.summary-section,.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px 25px}.summary-section p,.details-grid p{margin:0;display:flex;flex-direction:column}.label,.details-grid strong{font-weight:500;font-size:.85em;margin-bottom:4px;text-transform:uppercase;color:var(--magalu-text-secondary);letter-spacing:.5px}.details-grid p{color:var(--magalu-text-primary);font-weight:600;font-size:1em}.table-container{max-height:250px;overflow-y:auto;border:1px solid var(--magalu-border);border-radius:var(--border-radius);margin-top:10px}.hourly-table-section table{width:100%;border-collapse:collapse}.hourly-table-section th,.hourly-table-section td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--magalu-border)}.hourly-table-section th{background-color:var(--magalu-bg);font-weight:600;font-size:.85em;text-transform:uppercase;position:sticky;top:0}.hourly-table-section tbody tr:last-child td{border-bottom:none}.hourly-table-section tbody tr:hover{background-color:#e3f2fd}.hourly-table-section td:not(:first-child),.hourly-table-section th:not(:first-child){text-align:center}.hourly-table-section td{color:var(--magalu-text-secondary);font-weight:500}.hourly-table-section td:first-child{color:var(--magalu-text-primary);font-weight:600}.modal-error{color:var(--danger-color);background-color:#fadbd8;border:1px solid var(--danger-color);padding:10px;border-radius:var(--border-radius)}.details-grid .full-width{grid-column:1 / -1}.log-box{background-color:var(--log-bg);color:#f8f9fa;padding:15px;border-radius:var(--border-radius);max-height:200px;overflow-y:auto;font-family:SFMono-Regular,Consolas,Menlo,Courier,monospace}.loading-page,.error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh;color:var(--magalu-text-secondary)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box}#root,.app-layout{display:flex;flex-direction:column;flex-grow:1}.sidebar nav li{margin-bottom:4px}.submenu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;transition:background .2s}.submenu-toggle:hover,.submenu-toggle.open{background:#f3f4f6}.submenu-label{display:flex;align-items:center;gap:10px}.submenu-arrow{transition:transform .2s ease;font-size:12px}.submenu-toggle.open .submenu-arrow{transform:rotate(90deg)}.sidebar-submenu{max-height:0;opacity:0;font-size:.9em;overflow:hidden;transition:all .25s ease;padding-left:20px}.sidebar-submenu.open{max-height:300px;opacity:1}.sidebar-submenu-link{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 12px;border-radius:6px;color:#4b5563;transition:background .2s ease}.sidebar svg{min-width:24px;transition:transform .3s ease}.sidebar.collapsed svg{transform:scale(1.1)}.sidebar-submenu-link:hover{background:#f3f4f6;font-size:medium}.sidebar-toggle,.logout-button{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;cursor:pointer;padding:10px 16px;border-radius:8px;transition:background .2s}.sidebar-toggle:hover,.logout-button:hover{background:#f3f4f6}
