.wrap{max-width:1180px;margin:18px auto;padding:0 16px}
.ttl{font-size:15px;color:var(--ink2);white-space:nowrap}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:18px;margin-bottom:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){.grid2{grid-template-columns:1fr}}
h2{font-size:17px;margin:0 0 10px}.hint{color:var(--mut);font-size:12.5px;margin:4px 0 10px}
table{width:100%;border-collapse:collapse}th,td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-size:12px;color:var(--mut);font-weight:700}td.n,th.n{text-align:right;white-space:nowrap}
.warn{background:var(--sk-bg);color:var(--sk);border-radius:10px;padding:10px 12px;margin:6px 0}
.ok{background:var(--ok-bg);color:var(--ok);border-radius:10px;padding:10px 12px;margin:6px 0}
.err{color:#B3261E}.mut{color:var(--mut)}.pill{display:inline-block;padding:1px 8px;border-radius:99px;background:var(--soft);font-size:11.5px;color:var(--ink2)}
.drop{border:2px dashed var(--line);border-radius:12px;padding:22px;text-align:center;cursor:pointer}.drop:hover{border-color:var(--teal)}
input[type=text],input[type=password],textarea{width:100%;padding:9px 10px;border:1.5px solid var(--line);border-radius:10px;background:#fff}
textarea{min-height:120px;font-family:inherit}label{display:block;font-weight:700;margin:10px 0 4px}
.mrow{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.mrow:hover{background:var(--soft)}a.dl{display:inline-block;margin:3px 6px 3px 0}
#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;display:none;z-index:99}
.login{max-width:380px;margin:60px auto}