*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#f1f4f9;color:#1f2733}.app{min-height:100vh}.app-header{background:#1a1f2e;color:#fff;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.brand{font-size:18px;font-weight:600;letter-spacing:.5px}.tabs{display:flex;gap:8px}.tabs button{background:transparent;color:#aeb6c8;border:1px solid #333b4e;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .15s}.tabs button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.app-main{max-width:1080px;margin:0 auto;padding:24px 20px 60px}.card{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:20px;margin-bottom:20px}.card h3{font-size:15px;margin-bottom:14px;color:#2a3441}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px}.field label{font-size:12px;color:#6b7483}input,select{padding:9px 12px;border:1px solid #cfd6e2;border-radius:8px;font-size:14px;outline:none;background:#fff;font-family:inherit}input:focus,select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}textarea{padding:9px 12px;border:1px solid #cfd6e2;border-radius:8px;font-size:13px;font-family:inherit;outline:none;width:100%;resize:vertical;background:#fff}button.btn{padding:9px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;background:#3b82f6;color:#fff;transition:background .15s;white-space:nowrap}button.btn:hover{background:#2f6fe0}button.btn:disabled{opacity:.55;cursor:not-allowed}button.btn.ghost{background:#eef2f8;color:#2a3441;border:1px solid #d5dce8}button.btn.danger{background:#ef4444}button.btn.small{padding:5px 12px;font-size:12px}.alert{padding:11px 14px;border-radius:8px;font-size:13px;margin-top:14px;line-height:1.5}.alert.ok{background:#e8f7ee;color:#167a45;border:1px solid #bfe8cf}.alert.warn{background:#fff5e0;color:#92600a;border:1px solid #f3dfae}.alert.err{background:#fdecec;color:#b42318;border:1px solid #f6c6c2}.alert.info{background:#eaf2fe;color:#1d4ed8;border:1px solid #c4d9fb}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;-webkit-user-select:all;user-select:all}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #eef1f6;vertical-align:top}th{background:#f7f9fc;color:#5b6472;font-weight:600;white-space:nowrap}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500}.badge.dim{background:#eef2f8;color:#64748b}.badge.green{background:#e8f7ee;color:#167a45}.badge.blue{background:#eaf2fe;color:#1d4ed8}.empty{text-align:center;color:#94a0b1;padding:28px;font-size:13px}.copied{opacity:.9}