.dt-hero{background:linear-gradient(115deg,#e6f3f0,#edf2f8);border:1px solid #d2e6e1;border-radius:14px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}.dt-hero h3{font-size:23px;margin:10px 0}.dt-hero p{color:#647c86;margin:0 0 15px;font-size:13px}.dt-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:300px;justify-content:flex-end}.dt-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.dt-stats button{padding:17px 22px;text-align:left;display:flex;align-items:center;justify-content:space-between;color:#617986}.dt-stats b{font-size:28px;color:#215a65}.dt-mapping{margin-bottom:24px;overflow:hidden}.dt-mapping .card-heading,.dt-records .card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px}.dt-mapping h3,.dt-records h3{margin:0}.dt-records{overflow:hidden}.dt-records .tabs,.dt-records .filters{padding-left:22px;padding-right:22px}.dt-records .pagination{padding:16px 22px}.dt-records .card-heading .actions{flex-wrap:wrap}.dt-mapping td,.dt-records td{white-space:nowrap}.dt-log-detail{max-width:540px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.dt-warning{padding:14px 17px;background:#fff3e5;border:1px solid #f0d9b4;color:#876027;border-radius:8px;margin:15px 0;overflow-wrap:anywhere}.dt-detail-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.dt-kv{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;font-size:13px;background:#f4f7f9;border-radius:8px;padding:16px}.dt-kv dt{color:#6a7e8a}.dt-kv dd{margin:0;overflow-wrap:anywhere}.dt-history article{border-bottom:1px solid #e2e9ed;padding:14px 0}.dt-history small{color:#6e8390;display:block;margin-top:7px}.dt-history p{font-size:13px}.dt-json{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f8;padding:16px;border-radius:8px;font-size:12px}#dt-guide li{margin-bottom:13px;line-height:1.8}@media(max-width:700px){.dt-hero{display:block;padding:22px}.dt-hero h3{font-size:19px}.dt-actions{max-width:none;justify-content:flex-start}.dt-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dt-stats button{padding:15px}.dt-mapping .card-heading,.dt-records .card-heading{align-items:flex-start;flex-direction:column}.dt-kv{grid-template-columns:80px minmax(0,1fr);padding:12px}.dt-records .filters{flex-wrap:wrap}}

@media(max-width:700px){.dt-records table{min-width:760px}.dt-mapping table{min-width:720px}.dt-log-detail{min-width:300px;max-width:420px;line-height:1.6}}