.zm-page{max-width:1600px;padding:24px;color:#e4edf4;font:14px/1.5 system-ui,sans-serif}.zm-page header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.zm-page h1{margin:0;font-size:24px}.zm-page h2{margin:0 0 12px;font-size:17px}.zm-page p{color:#9cacc0}.zm-page section{border:1px solid #293544;background:#131b24;padding:18px;border-radius:14px;margin-bottom:16px}.zm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.zm-stats strong{display:block;font-size:24px;margin-top:8px}.zm-page label{display:grid;gap:5px;min-width:0}.zm-page input,.zm-page select{min-width:0;padding:10px 12px;color:#e4edf4;background:#0e151e;border:1px solid #34465a;border-radius:9px}.zm-page button,.zm-page .btn{background:#27c995;border:0;border-radius:8px;padding:10px 14px;color:#062019;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}.zm-page .danger{background:#db404d;color:white}.zm-search{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}.zm-search label{flex:1;min-width:200px}.zm-table{overflow-x:auto}.zm-table table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:760px}.zm-table td,.zm-table th{text-align:left;padding:10px;vertical-align:top;border-bottom:1px solid #283645;overflow-wrap:anywhere}.zm-page a{color:#55dbb1}.zm-page pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b5c9dc;font-size:12px}.zm-note,.zm-search small{font-size:12px;color:#9cacc0}.zm-error{background:#3a202a;border:1px solid #7b3549;border-radius:10px;padding:12px;color:#ffc4d0!important}.zm-page details{margin-top:6px}.zm-page summary{cursor:pointer;color:#9cacc0;font-size:12px}@media(max-width:1000px){.zm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.zm-page{padding:16px}}@media(max-width:550px){.zm-stats{grid-template-columns:1fr}.zm-page header{align-items:flex-start}.zm-page h1{font-size:20px}.zm-search>*{width:100%}}

/* Bounded admin tables: one page at a time, compact rows and delegated actions. */
.zm-tabs,.zm-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.zm-tabs .btn{background:#1b2b37;color:#b7ccdb;border:1px solid #34465a}.zm-tabs .is-active{background:#164537;color:#86f0c8;border-color:#2f8167}.zm-page-controls label{flex:0 1 180px;min-width:140px}.zm-pagination span{margin-right:auto;color:#9cacc0;font-size:12px}.zm-records{max-height:68vh;overflow:auto;overscroll-behavior:contain;border:1px solid #293544;border-radius:9px}.zm-records table{min-width:1180px}.zm-records th{position:sticky;top:0;z-index:1;background:#17212d}.zm-records th:nth-child(1){width:16%}.zm-records th:nth-child(2){width:15%}.zm-records th:nth-child(3){width:6%}.zm-records th:nth-child(4){width:17%}.zm-records th:nth-child(5){width:9%}.zm-records th:nth-child(6){width:10%}.zm-records th:nth-child(7){width:14%}.zm-records th:nth-child(8){width:13%}.zm-records td{padding:9px 10px!important;font-size:12px}.zm-clip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.zm-records details[open] summary{white-space:normal;overflow-wrap:anywhere}.zm-row-actions{display:flex;flex-direction:column;gap:5px}.zm-row-actions .btn,.zm-row-actions button{font-size:11px;padding:6px 8px;white-space:normal;text-align:center}.zm-page input[type=checkbox]{width:16px;height:16px;padding:0;vertical-align:middle;margin-right:7px}.zm-page button:disabled{opacity:.45;cursor:default}.zm-secondary{border:1px solid #293544;border-radius:12px;margin:12px 0;background:#131b24}.zm-secondary>summary{padding:14px;font-size:14px;color:#c9d9e6}.zm-secondary>section{margin:0;border:0}.zm-page dialog{max-width:min(520px,90vw);border:1px solid #3b5064;border-radius:14px;padding:22px;background:#131b24;color:#e4edf4}.zm-page dialog::backdrop{background:#0009}.zm-page dialog p{font-size:14px}.zm-page [id=block-asn],.zm-page [id=block-network]{scroll-margin-top:24px}
@media(max-width:700px){.zm-tabs .btn{font-size:12px;padding:9px}.zm-records{max-height:65vh}.zm-page-controls{gap:7px}.zm-page-controls small{width:100%}}

.zm-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.zm-section-heading h2{margin-bottom:3px}.zm-section-heading small{font-size:12px;color:#9cacc0}.zm-export{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.zm-export select{max-width:280px}.zm-export button{white-space:nowrap}@media(max-width:700px){.zm-export{width:100%}.zm-export select{flex:1;min-width:180px;max-width:none}.zm-section-heading{align-items:flex-start}}

/* Keep refresh and report actions in the same toolbar. */
.zm-controlbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:12px 0}.zm-controlbar .zm-page-controls{margin:0;gap:8px;flex-wrap:nowrap}.zm-controlbar .zm-page-controls label{min-width:130px;flex:0 1 150px}.zm-controlbar>.btn{flex:none}.zm-controlbar .zm-export{margin-left:auto;flex-wrap:nowrap;width:auto}.zm-controlbar .zm-export select{max-width:250px}.zm-controlbar .zm-export button{flex:none}@media(max-width:1100px){.zm-controlbar .zm-page-controls{flex-basis:100%}.zm-controlbar .zm-export{margin-left:0}}@media(max-width:600px){.zm-controlbar{gap:8px}.zm-controlbar>.btn{font-size:12px;padding:10px}.zm-controlbar .zm-export{flex:1;min-width:0;gap:6px}.zm-controlbar .zm-export select{min-width:0;width:100%;padding:10px 6px;font-size:11px}.zm-controlbar .zm-export button{font-size:11px;padding:10px 8px}}