.system-monitor{margin-bottom:22px;background:#10261d;color:#fff;border-radius:18px;padding:22px;box-shadow:var(--shadow)}.monitor-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.monitor-head h2{color:#fff}.monitor-head p{color:#9eb9ad;font-size:13px}.monitor-head>span{font-size:12px;font-weight:800;color:#b8c8c0}.monitor-head>span.online{color:#62dfa9}.monitor-head>span.offline{color:#ff9494}.monitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.monitor-card{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:17px}.monitor-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.monitor-label span{font-size:13px;color:#b9cec4}.monitor-label strong{font-size:22px}.meter{height:9px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden;margin-bottom:10px}.meter i{display:block;width:0;height:100%;background:#42cf93;border-radius:inherit;transition:width .45s ease,background .2s ease}.meter i.warning{background:#f1bd4b}.meter i.danger{background:#f06767}.monitor-card small{color:#8eaa9e}.network-rates{display:grid;gap:7px;margin:5px 0 11px}.network-rates span{display:flex;justify-content:space-between;color:#a9c0b6;font-size:12px}.network-rates b{color:#fff;font-size:13px}@media(max-width:850px){.monitor-grid{grid-template-columns:1fr}.monitor-head{align-items:flex-start}}
.lb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#e8f2ed;border:1px solid #d6e5de;border-radius:14px;padding:16px 18px;margin-bottom:18px}.lb-toolbar p{margin:3px 0 0;color:#597066;font-size:13px}.lb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.lb-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;box-shadow:var(--shadow)}.lb-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.lb-card-head h2{display:inline;font-size:19px}.lb-card-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.lb-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#aab6b0;margin-right:7px}.lb-dot.online{background:#31c68b;box-shadow:0 0 0 4px rgba(49,198,139,.13)}.lb-dot.offline{background:#e65e5e}.lb-dot.pending{background:#d5a533}.lb-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.lb-metrics>div{background:#f2f7f4;border-radius:10px;padding:11px}.lb-metrics span,.dashboard-lb dt{display:block;color:var(--muted);font-size:11px}.lb-metrics strong{display:block;margin-top:4px}.lb-card dl{margin:0 0 15px}.lb-card dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;font-size:13px}.lb-card dt{color:var(--muted)}.lb-card dd{margin:0;font-weight:700}.lb-card>label input{font-size:12px}.lb-flags,.lb-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.lb-flags span{font-size:11px;background:#edf1ef;padding:5px 8px;border-radius:999px}.lb-flags span.on{background:#d8f4e7;color:#07633f}.lb-flags span.warn{background:#fff0cf;color:#815a00}.lb-actions form{display:inline-flex}.bunny-panel{margin-top:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.form-grid .check{display:flex;align-items:center;gap:9px}.form-grid .check input{width:auto}.dashboard-lb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-lb{border:1px solid var(--line);border-radius:13px;padding:15px}.dashboard-lb>div strong,.dashboard-lb>div small{display:block}.dashboard-lb>div small{color:var(--muted);margin:4px 0 12px}.dashboard-lb dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0;gap:8px}.dashboard-lb dl>div{background:#f2f7f4;padding:9px;border-radius:8px}.dashboard-lb dd{margin:4px 0 0;font-weight:800}.empty-state{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:16px;padding:42px}
@media(max-width:900px){.lb-grid,.dashboard-lb-grid{grid-template-columns:1fr}.lb-toolbar{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}@media(max-width:560px){.lb-metrics,.dashboard-lb dl{grid-template-columns:repeat(2,1fr)}}