.fod21-page{max-width:1500px;width:100%;margin:0 auto}.fod21-heading{margin:12px 0 24px}.fod21-heading h1{font-size:clamp(25px,3vw,36px);margin:7px 0}.fod21-heading p,.fod21-muted{color:#819ca5}.fod21-kicker{font-size:11px;letter-spacing:.17em;color:#58e2d3;font-family:monospace}.fod21-shell{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;align-items:start}.fod21-list-panel,.fod21-detail{background:#09191f;border:1px solid #1c3d45;border-radius:14px;padding:18px;min-height:390px}.fod21-list-head,.fod21-detail-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.fod21-list-head small{color:#84a5aa}.fod21-list-panel input,.fod21-logbar input{width:100%;box-sizing:border-box;background:#071218;color:#e5f5f5;border:1px solid #27505a;border-radius:8px;padding:12px;margin:16px 0}.fod21-server{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 10px;background:transparent;color:#e4f4f4;text-align:left;border:0;border-bottom:1px solid #173039;cursor:pointer}.fod21-server:hover,.fod21-server.is-selected{background:#0c2b31}.fod21-server small,.fod21-server-status small{display:block;color:#88a7ad;margin-top:6px;font-size:11px}.fod21-server-status{color:#57d8bb;text-align:right;font-size:12px;flex-shrink:0}.fod21-detail-head h2{font-size:26px;margin:7px 0}.fod21-detail-head p{color:#91aab1}.fod21-pill{border:1px solid #257a6c;border-radius:99px;padding:6px 11px;color:#59e1c5}.fod21-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.fod21-stats>div{border:1px solid #214049;border-radius:10px;padding:16px;min-width:0}.fod21-stats small,.fod21-stats span{display:block;color:#92aeb6;font-size:12px;overflow-wrap:anywhere}.fod21-stats strong{display:block;color:#e8fbf9;font-size:18px;margin:8px 0;overflow-wrap:anywhere}.fod21-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #23424a;margin-bottom:18px}.fod21-tabs button{background:none;border:0;color:#92aeb6;padding:12px 15px;cursor:pointer}.fod21-tabs button.active{color:#5ee3d4;border-bottom:2px solid #5ee3d4}.fod21-info{line-height:1.7;overflow-wrap:anywhere}.fod21-info button{background:#0c353c;border:1px solid #32827d;color:#6de4d5;border-radius:8px;padding:10px 14px;cursor:pointer}.fod21-empty{color:#8daab0;text-align:center;padding:48px 12px}.fod21-logbar{display:flex;align-items:center;gap:16px}.fod21-logbar span{white-space:nowrap;color:#89a7ad}.fod21-log-line{display:grid;grid-template-columns:170px 55px minmax(0,1fr);gap:10px;border-bottom:1px solid #19343d;padding:12px 0;font-size:12px}.fod21-log-line time{color:#86a6ae}.fod21-log-line>span{color:#64c8c4}.fod21-log-line pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:inherit;color:#d8e9e9}.fod21-log-line[hidden]{display:none!important}@media(max-width:900px){.fod21-shell{grid-template-columns:1fr}.fod21-stats{grid-template-columns:1fr}.fod21-log-line{grid-template-columns:1fr}}