:root{--bg-dark:#0b1120;--bg-panel:#1e293b;--bg-card:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--signal-green:#10b981;--signal-yellow:#f59e0b;--signal-red:#ef4444;--signal-blue:#3b82f6;--grid-line:#334155}body{background-color:#0b1120;background-color:var(--bg-dark);color:#f1f5f9;color:var(--text-primary);font-family:Segoe UI,Roboto,Helvetica,sans-serif;margin:0;overflow:hidden}.sidebar{background-color:#0f172a;border-right:1px solid #1e293b;display:flex;flex-direction:column;padding:24px}.brand{color:var(--signal-blue);font-size:1.5rem;font-weight:900;letter-spacing:1px;margin-bottom:48px}.brand,.nav-item{align-items:center;display:flex;gap:12px}.nav-item{border-radius:12px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:16px;transition:all .3s ease}.nav-item.active,.nav-item:hover{background-color:#3b82f61a;color:var(--signal-blue)}.logs-table-container{max-height:300px;overflow-y:auto}table{border-collapse:collapse;width:100%}th{border-bottom:1px solid var(--grid-line);color:var(--text-secondary);text-align:left}td,th{padding:12px}td{border-bottom:1px solid #ffffff0d;font-size:.9rem}.system-status{background:#10b9811a;border-radius:20px;color:var(--signal-green);font-size:.85rem;font-weight:700;gap:10px;padding:8px 16px}.system-status,.threat-panel{align-items:center;display:flex}.threat-panel{animation:slide-in .5s ease-out,flash-bg 2s infinite;background:linear-gradient(90deg,#ef444426,#ef44440d);border-left:4px solid var(--signal-red);border-radius:8px;justify-content:space-between;padding:20px}.threat-content{display:flex;flex-direction:column;gap:5px}.threat-title{align-items:center;color:var(--signal-red);display:flex;font-size:1.1rem;font-weight:800;gap:10px}@keyframes slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-border{0%{border-color:var(--signal-red)}50%{border-color:#0000}to{border-color:var(--signal-red)}}@keyframes flash-bg{0%,to{background:#ef444426}50%{background:#ef444440}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border:2px solid #0f172a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#475569}.auth-container{align-items:center;background-color:#0f172a;color:#e2e8f0;display:flex;height:100vh;justify-content:center}.auth-box{background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 10px 25px #00000080;padding:2.5rem;text-align:center;width:350px}.auth-box h2{color:#3b82f6;font-family:Courier New,monospace;margin-bottom:1.5rem}.input-group{margin-bottom:1rem;text-align:left}.input-group label{color:#94a3b8;display:block;font-size:.85rem;margin-bottom:.4rem}.input-group input{background:#0f172a;border:1px solid #334155;border-radius:6px;color:#fff;outline:none;padding:10px;width:100%}.input-group input:focus{border-color:#3b82f6}.auth-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:12px;transition:background .3s;width:100%}.auth-btn:hover{background:#2563eb}.toggle-text{color:#94a3b8;cursor:pointer;font-size:.9rem;margin-top:1.5rem;text-decoration:underline}.toggle-text:hover{color:#3b82f6}.error-msg{background:#ef4444;border-radius:4px;color:#fff;font-size:.9rem;margin-bottom:1rem;padding:10px}.switch{display:inline-block;height:24px;position:relative;width:46px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(22px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.kpi-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.card{background-color:var(--bg-panel);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:24px}.card-label{color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.card-value{font-size:2rem;font-weight:700}.app-container{display:grid;grid-template-columns:260px 1fr;height:100vh}.main-area{display:flex;flex-direction:column;gap:32px;overflow-y:auto;padding:32px}.top-header{align-items:center;display:flex;justify-content:space-between}.hamburger-btn,.mobile-close-btn,.sidebar-overlay{display:none}.sidebar{transition:left .3s ease}@media (max-width:768px){#root,.app-container,.main-area,body,html{box-sizing:border-box!important;margin:0!important;max-width:100vw!important;overflow-x:hidden!important;padding:0!important;width:100vw!important}.main-area{padding:15px!important}.sidebar{bottom:0!important;display:flex!important;flex-direction:column!important;height:auto!important;left:-300px!important;overflow-y:auto!important;padding:20px!important;position:fixed!important;top:0!important;transition:left .3s ease!important;width:260px!important;z-index:10000!important}.sidebar.open{left:0!important}.hamburger-btn{color:#fff!important;font-size:2rem!important;z-index:900!important}.hamburger-btn,.mobile-close-btn{background:none!important;border:none!important;cursor:pointer!important;display:inline-block!important}.mobile-close-btn{color:#94a3b8!important;font-size:1.8rem!important;margin-left:auto!important}.main-area section>div,[class*=container],[class*=grid]{display:flex!important;flex-direction:column!important;gap:15px!important;width:100%!important}.card,.main-area .card{box-sizing:border-box!important;margin:0!important}.card,.main-area .card,table{max-width:100%!important;width:100%!important}table{-webkit-overflow-scrolling:touch!important;border-collapse:collapse!important;display:block!important;overflow-x:auto!important;white-space:nowrap!important}td,th{padding:12px 20px!important}}.device-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.device-card{background-color:var(--bg-panel);border:1px solid #ffffff0d;border-radius:12px;cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.device-card:hover{box-shadow:0 10px 15px -3px #0000004d;transform:translateY(-4px)}.device-card.breakdown{animation:pulse-border 1s infinite;border:2px solid var(--signal-red);box-shadow:0 0 15px #ef44444d}.device-card.spike{border:2px solid #eab308;box-shadow:0 0 10px #eab30833}.device-card.anomaly{border:2px solid #f97316}.device-card.normal{border-top:4px solid var(--signal-green)}.status-badge{border-radius:4px;float:right;font-size:.75rem;font-weight:700;padding:4px 8px;text-transform:uppercase}.status-badge.crit{background:#ef444433;color:var(--signal-red)}.status-badge.warn{background:#f59e0b33;color:var(--signal-yellow)}.status-badge.ok{background:#10b98133;color:var(--signal-green)}
/*# sourceMappingURL=main.c1493c19.css.map*/