
body{font:14px/1.4 system-ui,sans-serif;margin:0;background:#101418;color:#dde3ea}
header{display:flex;gap:12px;align-items:center;padding:10px 16px;background:#182028;border-bottom:1px solid #2a3642;flex-wrap:wrap}
h1{font-size:16px;margin:0;flex:1}h2{font-size:14px;margin:18px 0 6px;color:#9fb3c8}
main{padding:12px 16px;max-width:1200px;margin:auto}
table{border-collapse:collapse;width:100%}th,td{padding:5px 8px;border-bottom:1px solid #26313c;text-align:left;white-space:nowrap}
th{color:#9fb3c8;font-weight:600}.ok{color:#6fd08c}.bad{color:#ff8a80}.dim{color:#7d8b99}
button,input,select{font:inherit;padding:8px 12px;border-radius:4px;border:1px solid #3a4856;background:#1c2630;color:inherit}
button{cursor:pointer}button.danger{background:#7a2323;border-color:#a33}button.big{width:100%;padding:12px;margin-top:8px}
#feed{max-height:340px;overflow:auto;background:#141b22;padding:8px;border-radius:4px;font-family:ui-monospace,monospace;font-size:12px}
#feed div{padding:1px 0}form.row{display:flex;gap:8px}form.row input[name=body]{flex:1;min-width:0}
.card{max-width:360px;margin:12vh auto;padding:20px;background:#182028;border-radius:6px}
.card input{display:block;width:100%;box-sizing:border-box;margin:8px 0}
.wrap{overflow-x:auto}
