:root{color:#17233b;background:#f3f5f9;font-family:Inter,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:#253955;background:#fff;border:1px solid #d9dfeb;border-radius:7px;padding:9px 15px}button:hover{color:#315cde;border-color:#4b70ed}button:disabled{opacity:.5;cursor:wait}input,textarea{background:#fff;border:1px solid #d3dbe9;border-radius:6px;width:100%;padding:10px}textarea{min-height:100px}label{color:#536079;flex-direction:column;gap:8px;margin:12px 0;display:flex}form>button{margin:12px 8px 0 0}h1{margin:10px 0;font-size:25px}h2{margin-bottom:5px}p,small,footer{color:#748096;line-height:1.7}.layout{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}aside{color:#fff;background:#17243c;height:100vh;padding:25px 20px;position:sticky;top:0}aside span{opacity:.6}nav{gap:6px;margin:35px 0;display:grid}nav button{color:#bac6dc;text-align:left;background:0 0;border:0;padding:12px}nav button.selected{color:#fff;background:#304b7c}main{width:100%;max-width:1600px;padding:30px}header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}section,.table{background:#fff;border:1px solid #e0e5ef;border-radius:10px;margin:20px 0;padding:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;display:grid}.inline{align-items:end;gap:15px;display:flex}.inline input{min-width:200px}.inline button{margin-bottom:12px}.check{flex-direction:row;align-items:center}.check input{width:auto}.table{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #e9edf5;max-width:400px;padding:14px}th{white-space:nowrap;color:#66738c;background:#f7f9fc}td button{white-space:nowrap}.error,.success{color:#a82626;background:#ffebe9;border-radius:6px;padding:14px}.success{color:#257145;background:#e7f7ee}.empty{text-align:center;padding:35px}.login{background:#fff;border:1px solid #dfe5ef;border-radius:12px;max-width:430px;margin:12vh auto;padding:35px}.codes{background:#f1f5ff;margin-top:20px;padding:20px}.codes textarea{min-height:180px}footer{margin-top:30px;font-size:12px}@media (width<=850px){.layout{grid-template-columns:150px minmax(0,1fr)}main{padding:15px}.grid{grid-template-columns:1fr}.inline{flex-wrap:wrap}}
