*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,Segoe UI,Roboto,sans-serif;background:#f3f3f1;color:#1a1a1a}
.app{display:flex;min-height:100vh}nav{width:220px;background:#111;color:#ccc;padding:16px 10px;flex:none}nav img{height:40px;display:block;margin:0 8px 4px}nav b{display:block;margin:0 8px 16px;color:#fff;font-size:16px}
nav a{display:flex;justify-content:space-between;padding:9px 10px;border-radius:6px;color:inherit;text-decoration:none}nav a:hover{background:#ffffff18}nav a.on{background:#f47b20;color:#111;font-weight:600}
nav .me{margin:16px 8px;font-size:12px;color:#999}nav .me button{background:none;border:0;color:#f47b20;padding:4px 0;cursor:pointer;font:inherit}
main{flex:1;padding:20px;min-width:0}h2{margin:0 0 14px}.kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.k,.cd{background:#fff;border:1px solid #deded9;border-radius:6px;padding:12px;margin-bottom:12px}.k{border-top:3px solid #f47b20;margin:0}.k b{display:block;font-size:21px}.k span{color:#666;font-size:12px}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #e6e6e2;white-space:nowrap}th{font-size:12px;color:#666}
input,select,textarea,button{font:inherit;border:1px solid #ccc;border-radius:6px;padding:8px 10px;width:100%;background:#fff}button,.bt{width:auto;cursor:pointer;text-decoration:none;color:inherit;display:inline-block}.p{background:#f47b20;border-color:#f47b20;color:#111;font-weight:600}.s{padding:3px 8px;font-size:12px}.dg{color:#c0392b}
.bar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:end}.bar input{max-width:260px}.bar label,.g label{font-size:12px;color:#666;display:block}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}dialog{border:0;border-radius:8px;padding:18px;width:min(620px,94vw)}dialog::backdrop{background:#0008}.ac{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}
.bg{padding:1px 8px;border-radius:10px;font-size:12px;background:#e6e6e2}.al{padding:8px 10px;border-left:4px solid #f47b20;background:#f7f7f5;margin-bottom:6px}.al.r{border-color:#c0392b}.er{color:#c0392b;margin-bottom:8px}
.lg{max-width:360px;margin:8vh auto;padding:0 16px}.lg img{height:56px}
@media(max-width:800px){.app{display:block}nav{width:auto;display:flex;overflow-x:auto;gap:4px;padding:8px}nav img,nav b,nav .me{display:none}nav a{white-space:nowrap;gap:6px}}