.mod1-root{--bg-dark:#0b1120;--panel-bg:#1e293b;--panel-border:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--color-critical:#dc2626;--color-warning:orange;--color-normal:#22c55e;--color-update:#3b82f6;--live-indicator:#22c55e;--critical-color:#dc2626;--critical-dot:#dc2626;--warning-dot:orange;--pulse-animation:mod1-pulse 2s infinite;--alert-z-index:1000;--update-interval:5s;--font-title:"Fira Code",monospace;--font-body:"Fira Sans",sans-serif}.mod1-root,.mod1-root *{box-sizing:border-box;margin:0;padding:0}.mod1-root{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;overflow-x:hidden}.mod1-root header{background-color:var(--panel-bg);border-bottom:1px solid var(--panel-border);padding:16px 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.mod1-root .header-title{display:flex;flex-direction:column}.mod1-root .software-name{font-family:var(--font-body);font-size:14.4px;color:var(--text-muted);font-weight:500}.mod1-root .module-name{font-family:var(--font-title);font-size:19.2px;font-weight:600;color:var(--text-main);margin-top:3.2px}.mod1-root .connection-status{display:flex;align-items:center;gap:8px;font-family:var(--font-title);font-size:13.6px;background:rgba(34,197,94,.1);padding:6.4px 12.8px;border-radius:4px;border:1px solid rgba(34,197,94,.3);color:var(--color-normal)}.mod1-root .status-dot{width:10px;height:10px;border-radius:50%;background-color:var(--live-indicator);-webkit-animation:var(--pulse-animation);animation:var(--pulse-animation)}@-webkit-keyframes mod1-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}@keyframes mod1-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.mod1-root .container{max-width:1440px;margin:0 auto;padding:24px 32px}.mod1-root .grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.mod1-root .card{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:19.2px;position:relative;overflow:hidden}.mod1-root .card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-update)}.mod1-root .card-title{font-size:13.6px;color:var(--text-muted);margin-bottom:8px;font-weight:500}.mod1-root .card-value{font-family:var(--font-title);font-size:28.8px;font-weight:600}.mod1-root .card-sub{font-size:12px;color:var(--text-muted);margin-top:6.4px}.mod1-root .text-normal{color:var(--color-normal)}.mod1-root .text-warning{color:var(--color-warning)}.mod1-root .text-critical{color:var(--color-critical)}.mod1-root .grid-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width:900px){.mod1-root .grid-charts{grid-template-columns:1fr}}.mod1-root .panel{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:19.2px;display:flex;flex-direction:column}.mod1-root .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12.8px}.mod1-root .panel-title{font-family:var(--font-title);font-size:16px;font-weight:500}.mod1-root .chart-legend{display:flex;gap:16px;font-size:12px;margin-bottom:8px;font-family:var(--font-title)}.mod1-root .chart-container{flex:1;position:relative;height:240px;width:100%}.mod1-root canvas{display:block;width:100%;height:100%}.mod1-root .bottom-section{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media (max-width:1000px){.mod1-root .bottom-section{grid-template-columns:1fr}}.mod1-root .table-responsive{overflow-x:auto}.mod1-root table{width:100%;border-collapse:collapse;font-size:13.6px}.mod1-root td,.mod1-root th{padding:12.8px 16px;text-align:left;border-bottom:1px solid var(--panel-border);white-space:nowrap}.mod1-root th{color:var(--text-muted);font-weight:500;font-family:var(--font-title);font-size:12.8px}.mod1-root tbody tr:hover{background-color:hsla(0,0%,100%,.02)}.mod1-root .td-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}.mod1-root .td-dot.normal{background-color:var(--color-normal);box-shadow:0 0 5px var(--color-normal)}.mod1-root .td-dot.warning{background-color:var(--color-warning);-webkit-animation:mod1-blink 1s infinite;animation:mod1-blink 1s infinite}.mod1-root .td-dot.critical{background-color:var(--color-critical);-webkit-animation:mod1-blink .5s infinite;animation:mod1-blink .5s infinite}@-webkit-keyframes mod1-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes mod1-blink{0%,to{opacity:1}50%{opacity:.3}}.mod1-root .operations{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:19.2px}.mod1-root .op-title{font-family:var(--font-title);font-size:16px;font-weight:500;margin-bottom:8px}.mod1-root .form-group{display:flex;flex-direction:column;gap:6.4px}.mod1-root .form-group label{font-size:13.6px;color:var(--text-muted)}.mod1-root input,.mod1-root select{background-color:var(--bg-dark);color:var(--text-main);border:1px solid var(--panel-border);padding:9.6px;border-radius:4px;font-family:var(--font-body);outline:none;transition:border-color .2s}.mod1-root input:focus,.mod1-root select:focus{border-color:var(--color-update)}.mod1-root .btn{background-color:var(--color-update);color:#fff;border:none;padding:12.8px;border-radius:4px;font-family:var(--font-title);font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.mod1-root .btn:hover{opacity:.9}.mod1-root .btn:active{transform:scale(.98)}.mod1-root .btn-critical{background-color:var(--color-critical)}.mod1-root .btn-critical:hover{background-color:#b91c1c}.mod1-root #toast-container{position:fixed;top:24px;right:24px;z-index:var(--alert-z-index);display:flex;flex-direction:column;gap:12.8px;pointer-events:none}.mod1-root .toast{background-color:var(--panel-bg);border-left:4px solid var(--color-update);padding:16px 19.2px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.5);display:flex;align-items:flex-start;gap:12.8px;min-width:300px;-webkit-animation:mod1-slideIn .3s ease-out forwards;animation:mod1-slideIn .3s ease-out forwards;font-size:14.4px}.mod1-root .toast.critical{border-left-color:var(--color-critical)}.mod1-root .toast.warning{border-left-color:var(--color-warning)}.mod1-root .toast.success{border-left-color:var(--color-normal)}.mod1-root .toast-icon{font-size:19.2px;line-height:1.2}.mod1-root .toast-content{flex:1}.mod1-root .toast-title{font-family:var(--font-title);font-weight:600;margin-bottom:3.2px}.mod1-root .toast-desc{color:var(--text-muted);font-size:13.6px}@-webkit-keyframes mod1-slideIn{0%{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes mod1-slideIn{0%{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@-webkit-keyframes mod1-fadeOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(120%);opacity:0}}@keyframes mod1-fadeOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(120%);opacity:0}}.mod1-root .fade-out{-webkit-animation:mod1-fadeOut .3s ease-in forwards!important;animation:mod1-fadeOut .3s ease-in forwards!important}.mod1-root .badge{font-family:var(--font-title);font-size:11.2px;padding:3.2px 6.4px;border-radius:3px;background:rgba(59,130,246,.2);color:var(--color-update)}@media (max-width:600px){.mod1-root header{flex-direction:column;align-items:flex-start;gap:12.8px}.mod1-root .container{padding:16px}.mod1-root .card-value{font-size:24px}}.mod1-root{min-height:calc(100vh - 50px)}