.log-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.log-summary article{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.log-summary article:nth-child(1){background:#fff4f1}.log-summary article:nth-child(2){background:#fff8f4}.log-summary small{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.1em}.log-summary strong{display:block;margin:7px 0 4px;font:500 28px Georgia;color:var(--navy)}.log-summary p{margin:0;color:var(--muted);font-size:9px}.log-services-panel,.log-console{margin-top:15px}.log-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.log-section-head h3{margin:0 0 4px}.log-section-head p{margin:0;color:var(--muted);font-size:10px}.log-section-head>span{padding:7px 10px;border-radius:9px;background:#edf7f3;color:var(--teal);font-size:9px;font-weight:750}.log-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.log-service{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;padding:12px;border:1px solid #e4ebe7;border-radius:12px;background:#fafcfb}.log-service>i,.log-live i{width:7px;height:7px;border-radius:50%;background:currentColor}.log-service.ok{color:var(--teal)}.log-service.down{color:var(--danger);background:#fff4f1}.log-service strong,.log-service small{display:block}.log-service strong{font-size:10px}.log-service small{margin-top:3px;color:var(--muted);font-size:8px}.log-service>span{font-size:8px;font-weight:850}.log-live{display:flex!important;align-items:center;gap:6px}.log-filters{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(145px,auto));gap:8px;margin:18px 0 12px}.log-filters input,.log-filters select{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fafcfb;color:var(--ink);font-size:10px;outline:none}.log-filters input:focus,.log-filters select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(49,141,131,.1)}.log-table-wrap{overflow:auto;border:1px solid #e5ebe8;border-radius:13px}.log-table{width:100%;border-collapse:collapse}.log-table th{padding:11px 12px;background:#f4f7f5;color:#78848e;text-align:left;font-size:8px;letter-spacing:.08em}.log-table td{padding:12px;border-top:1px solid #edf1ef;vertical-align:top;font-size:9px}.log-table tr.critical td:first-child{border-left:3px solid var(--danger)}.log-table tr.error td:first-child{border-left:3px solid #d7674d}.log-table tr.warning td:first-child{border-left:3px solid var(--orange)}.log-table time{white-space:nowrap;color:#65717d}.log-level{display:inline-flex;padding:5px 7px;border-radius:7px;font-size:8px;font-weight:850;text-transform:uppercase}.log-level.critical{background:#f9e7e5;color:#a9443e}.log-level.error{background:#fff0e8;color:#b9583a}.log-level.warning{background:#fff6df;color:#9c6c17}.log-table code{display:block;min-width:300px;color:#354255;font:9px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.log-clear{display:grid;gap:5px;padding:28px;text-align:center;color:var(--teal)}.log-clear small{color:var(--muted)}.log-console footer{display:flex;justify-content:space-between;gap:15px;margin-top:11px;color:#8d98a0;font-size:8px}@media(max-width:1100px){.log-services-grid,.log-summary{grid-template-columns:1fr 1fr}.log-filters{grid-template-columns:1fr 1fr}}@media(max-width:650px){.log-services-grid,.log-summary,.log-filters{grid-template-columns:1fr}.log-section-head,.log-console footer{align-items:flex-start;flex-direction:column}}