*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#14213a;font:15px Inter,system-ui}header{padding:42px max(5vw,22px);background:#111c33;color:#fff}header h1{margin:0 0 8px;font-size:32px}header p{margin:0;color:#b9c5da}main{max-width:1200px;margin:30px auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}article,.empty{background:#fff;border-radius:15px;padding:23px;box-shadow:0 8px 28px #17294c12;border-top:4px solid #8c96a7}article.online{border-color:#16a36a}h2{margin:0 0 8px}.status{font-weight:750;font-size:13px}.online .status{color:#138557}.offline .status{color:#6f7785}dl{display:grid;grid-template-columns:90px 1fr;gap:9px;margin:22px 0}dt{color:#788196}dd{margin:0;overflow-wrap:anywhere}a,button{display:block;text-align:center;padding:11px;border:0;border-radius:9px;background:#246bfd;color:#fff;text-decoration:none;font-weight:700;width:100%}button:disabled{background:#d8dde6;color:#7a8290}.empty{grid-column:1/-1}.error{margin-bottom:18px;padding:12px 14px;border:1px solid #e4a4a4;border-radius:10px;background:#fff0f0;color:#8b1010}.error button{margin-left:10px}.explorer{display:block}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;padding:14px;border-radius:12px;margin-bottom:14px}.toolbar strong{flex:1}.toolbar button,.upload,.back{width:auto;padding:8px 12px}.upload{background:#246bfd;color:#fff;border-radius:9px;font-weight:700;cursor:pointer}.file-list{background:#fff;border-radius:14px;overflow:hidden}.file-row{display:grid;grid-template-columns:minmax(180px,1fr) 100px 170px minmax(250px,auto);gap:10px;align-items:center;padding:12px;border-bottom:1px solid #edf0f5}.file-name{background:none;color:#14213a;text-align:left;padding:0}.file-actions{display:flex;gap:5px}.file-actions button{width:auto;padding:6px 8px;font-size:12px}.danger{background:#b52b37!important}.is-hidden{opacity:.55}.back{margin-bottom:12px;background:#34435f}@media(max-width:800px){.file-row{grid-template-columns:1fr 90px}.file-row>span:nth-of-type(2){display:none}.file-actions{grid-column:1/-1;flex-wrap:wrap}}.toolbar .filter-input{width:190px}.toolbar select{width:auto;padding:10px 11px;border:1px solid #cbd3df;border-radius:9px;background:#fff;color:#14213a}.toolbar .secondary{background:#e6ebf4;color:#182238}.empty-row{padding:24px;text-align:center;color:#6f7785}.host-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pin-badge{padding:5px 8px;border-radius:999px;background:#fff1b8;color:#755900;font-size:12px;font-weight:750}.host-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px}.host-actions .secondary{width:auto;background:#e6ebf4;color:#182238}.host-actions .danger{width:auto}.control-server{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.3fr);gap:12px 20px;align-items:center;margin-bottom:14px;padding:16px;background:#fff;border:1px solid #cfd9eb;border-radius:12px}.control-server p{margin:5px 0 0;color:#667085}.control-server-form{display:flex;gap:8px}.control-server-form input{min-width:0;flex:1;padding:10px 11px;border:1px solid #aebbd0;border-radius:9px;font:inherit}.control-server-form button{width:auto;white-space:nowrap}.control-server small{grid-column:1/-1;color:#13734d}@media(max-width:680px){.host-actions{grid-template-columns:1fr 1fr}.host-actions>button:first-child{grid-column:1/-1}.control-server{grid-template-columns:1fr}.control-server-form{flex-direction:column}.control-server-form button{width:100%}}