:root{color:#172033;background:#eef2f7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#fff;background:#235cff;border:0;border-radius:10px;padding:.65rem .9rem;font-weight:650}button.secondary{background:#64748b}button.danger{background:#b42318}button:disabled{opacity:.45;cursor:not-allowed}button.active{background:#102a63}button:hover:not(:disabled){filter:brightness(.95)}.login-page{place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{background:#fff;border-radius:18px;gap:1rem;width:min(420px,100%);padding:1.6rem;display:grid;box-shadow:0 16px 40px #1224421f}.login-card h1,.page-title h1,.card h2{margin:0}.login-card p,.page-title p,.muted{color:#64748b;margin:.35rem 0 0}.card{background:#fff;border-radius:16px;gap:1rem;padding:1.2rem;display:grid;box-shadow:0 8px 24px #12244214}.split-stack{gap:1rem;display:grid}.form-grid{gap:.95rem;display:grid}label{gap:.35rem;font-weight:650;display:grid}input,select,textarea{color:#172033;background:#fff;border:1px solid #c9d3e4;border-radius:10px;width:100%;padding:.7rem}textarea{min-height:7rem}.checkbox{align-items:center;gap:.5rem;display:flex}.checkbox input{width:auto}.error-box,.warning-box,.notice-box,.success-box{border-radius:12px;padding:.85rem 1rem;font-weight:650}.error-box{color:#b42318;background:#fff1f0;border:1px solid #ffccc7}.warning-box{color:#ad6800;background:#fff7e6;border:1px solid #ffd591}.notice-box,.success-box{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.topbar{color:#fff;background:#111827;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;display:flex}.brand{align-items:baseline;gap:.55rem;display:flex}.brand span{color:#cbd5e1;font-size:.9rem}.identity{align-items:center;gap:.7rem;display:flex}.topbar button{background:#374151}.role-pill{color:#dbeafe;border:1px solid #475569;border-radius:999px;padding:.25rem .55rem}.layout{grid-template-columns:240px 1fr;min-height:calc(100vh - 64px);display:grid}.sidebar{background:#fff;border-right:1px solid #dbe3ef;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.nav-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin:.8rem 0 .15rem;font-size:.75rem;font-weight:800}.content{align-content:start;gap:1rem;padding:1rem;display:grid}.result{color:#d8e3ff;background:#0b1020;border-radius:12px;max-height:540px;padding:1rem;overflow:auto}.command-output{color:#d8e3ff;white-space:pre-wrap;word-break:break-word;background:#0b1020;border-radius:12px;max-height:460px;padding:1rem;overflow:auto}.command-output.warning{color:#ffe7ba}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;display:grid}.metric{background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;gap:.35rem;padding:.9rem;display:grid}.metric span{color:#64748b;font-size:.85rem;font-weight:700}.metric strong{word-break:break-word;font-size:1rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:.72rem}th{color:#475569;background:#f8fafc;font-size:.85rem}td code{white-space:pre-wrap;word-break:break-word}.status{border-radius:999px;align-items:center;padding:.22rem .55rem;font-size:.82rem;font-weight:800;display:inline-flex}.status.good{color:#067647;background:#dcfae6}.status.warn{color:#b54708;background:#fef0c7}.status.bad{color:#b42318;background:#fee4e2}.pill-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.pill-list li{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:.3rem .55rem;font-weight:700}.action-row{flex-wrap:wrap;gap:.5rem;display:flex}details summary{cursor:pointer;margin:.5rem 0;font-weight:800}@media (width<=900px){.layout{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto}.nav-section-title{display:none}.topbar{flex-direction:column;align-items:flex-start;gap:.8rem}}.content{width:100%;max-width:100%}.card{width:100%}.card>h2,.card>h3,.page-title h1,.page-title p{margin-left:0}.summary-grid{align-items:stretch}.metric{align-content:start;min-height:4.8rem}.table-wrap{width:100%}table{table-layout:fixed}th,td{line-height:1.45}.key-value-table th{text-align:left;vertical-align:top;color:#475569;width:18rem;min-width:18rem;font-weight:800}.key-value-table td{vertical-align:top;width:auto}.key-value-table code,.certificate-chain-table code,.dnssec-record-table code,.record-table code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;display:block}.certificate-chain-table th:first-child,.certificate-chain-table td:first-child{width:4rem}.certificate-chain-table th:nth-child(2),.certificate-chain-table td:nth-child(2){width:8rem}.certificate-chain-table th:nth-child(5),.certificate-chain-table td:nth-child(5){width:13rem}.certificate-chain-table th:nth-child(6),.certificate-chain-table td:nth-child(6){width:24rem}.record-table th:first-child,.record-table td:first-child{width:18rem}.record-table th:nth-child(2),.record-table td:nth-child(2),.record-table th:nth-child(3),.record-table td:nth-child(3){width:7rem}.record-table th:nth-child(4),.record-table td:nth-child(4){width:9rem}.dnssec-record-table th,.dnssec-record-table td{vertical-align:top}.command-output,.result{width:100%}@media (width<=900px){.key-value-table th{width:11rem;min-width:11rem}}@media (width<=640px){body{min-width:0}.topbar{padding:.75rem}.identity{flex-wrap:wrap;justify-content:space-between;width:100%}.sidebar{gap:.45rem;padding:.75rem}.sidebar button{white-space:nowrap;flex:none}.content{gap:.75rem;padding:.75rem}.card{border-radius:14px;padding:.9rem}.page-title h1,.card h2{font-size:1.35rem}.summary-grid{grid-template-columns:1fr}.metric{min-height:auto}.table-wrap{overflow-x:visible}table.responsive-table,table.responsive-table thead,table.responsive-table tbody,table.responsive-table tr,table.responsive-table th,table.responsive-table td{display:block;width:100%!important;min-width:0!important}table.responsive-table thead{display:none}table.responsive-table tr{background:#fff;border:1px solid #dbe3ef;border-radius:14px;margin-bottom:.75rem;padding:.75rem;box-shadow:0 4px 14px #1224420f}table.responsive-table td{border-bottom:0;grid-template-columns:minmax(7.5rem,38%) minmax(0,1fr);align-items:start;gap:.75rem;padding:.45rem 0;display:grid}table.responsive-table td:before{content:attr(data-label);color:#64748b;overflow-wrap:anywhere;font-size:.82rem;font-weight:800}table.responsive-table td code,table.responsive-table td span,table.responsive-table td div,table.responsive-table td select{min-width:0;max-width:100%}table.responsive-key-value,table.responsive-key-value tbody,table.responsive-key-value tr,table.responsive-key-value th,table.responsive-key-value td{display:block;width:100%!important;min-width:0!important}table.responsive-key-value tr{background:#fff;border:1px solid #dbe3ef;border-radius:12px;margin-bottom:.65rem;padding:.7rem}table.responsive-key-value th{color:#64748b;background:0 0;border-bottom:0;padding:0 0 .4rem;font-size:.82rem}table.responsive-key-value td{border-bottom:0;padding:0}.dnssec-record-table code,.record-table code,.certificate-chain-table code,.key-value-table code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.command-output,.result{max-height:none;padding:.75rem;font-size:.82rem}.pill-list li{overflow-wrap:anywhere;max-width:100%}.action-row{grid-template-columns:1fr;display:grid}}.totp-setup-box{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;display:grid}.totp-qr{background:#fff;border:1px solid #d4dce8;border-radius:12px;width:220px;max-width:100%;padding:.5rem}.secret-value{overflow-wrap:anywhere;white-space:normal;background:#f7f9fc;border:1px solid #d4dce8;border-radius:10px;padding:.75rem;display:block}.settings-grid{gap:1rem;display:grid}.checkbox.inline{align-items:center;gap:.35rem;display:inline-flex}@media (width<=700px){.totp-setup-box{grid-template-columns:1fr}}.metric-button{color:inherit;text-align:left;background:#eff6ff;border:1px solid #bfdbfe}.metric-button:hover{filter:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.metric-button span{color:#1d4ed8}.metric-button strong{color:#172033}@media (width<=640px){table.responsive-table td{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}table.responsive-table td:before{min-width:0}table.responsive-table td>*{min-width:0;max-width:100%}table.responsive-table td[data-label=Time],table.responsive-table td[data-label=Created],table.responsive-table td[data-label=Last\ Seen],table.responsive-table td[data-label=Expires]{white-space:normal;overflow-wrap:anywhere;word-break:break-word}}.form-section{background:#f8fafc;border:1px solid #d4dce8;border-radius:12px;gap:.8rem;padding:1rem;display:grid}.form-section legend{color:#172033;padding:0 .35rem;font-weight:700}.security-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.sub-card{background:#f8fafc;border:1px solid #dbe3ef;border-radius:.9rem;min-width:0;padding:1rem}.sub-card h3{margin-top:0}.sub-card .table-wrap{margin-top:.5rem}.security-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));align-items:stretch}.security-grid .sub-card{overflow:hidden}.security-kv-list{background:#fff;border:1px solid #dbe3ef;border-radius:.75rem;gap:0;margin-top:.75rem;display:grid;overflow:hidden}.security-kv-row{border-top:1px solid #dbe3ef;grid-template-columns:minmax(9rem,34%) minmax(0,1fr);gap:0;min-width:0;display:grid}.security-kv-row:first-child{border-top:0}.security-kv-key{color:#52637a;overflow-wrap:break-word;background:#f1f5f9;min-width:0;padding:.65rem .75rem;font-weight:700}.security-kv-value{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;padding:.65rem .75rem}.security-code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;display:inline-block}.security-pill-list{margin:0;padding:0}.security-pill-list li{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.security-kv-value .security-kv-list{border-radius:.5rem;margin-top:0}@media (width>=1600px){.security-grid{grid-template-columns:repeat(auto-fit,minmax(460px,1fr))}}@media (width<=720px){.security-kv-row{grid-template-columns:1fr}.security-kv-key{border-bottom:1px solid #dbe3ef}}.security-wide-card{grid-column:1/-1}.dependency-lock-card{overflow:visible}.dependency-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:1rem;margin-top:1rem;display:grid}.dependency-panel{background:#fff;border:1px solid #dbe3ef;border-radius:.75rem;min-width:0;padding:.9rem}.dependency-panel-wide{grid-column:1/-1}.dependency-panel h4{color:#172033;margin:0 0 .75rem}.dependency-version-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.6rem;display:grid}.dependency-version-item{background:#f8fafc;border:1px solid #dbe3ef;border-radius:.65rem;gap:.35rem;min-width:0;padding:.7rem;display:grid}.dependency-version-item span{color:#52637a;overflow-wrap:anywhere;word-break:break-word;min-width:0;font-weight:700}.dependency-version-item code{overflow-wrap:anywhere;word-break:break-word;min-width:0}.raw-http-panel{background:#f8fbff;border:1px solid #d7e1ef;border-radius:.7rem;margin-top:1rem;overflow:hidden}.raw-http-panel>summary{cursor:pointer;color:#10203a;background:#eef4fb;padding:.85rem 1rem;font-weight:700}.raw-http-panel[open]>summary{border-bottom:1px solid #d7e1ef}.raw-http-message{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0;margin:0}.certificate-pem-panels{gap:1rem;margin-top:1rem;display:grid}.certificate-pem-panel summary{font-weight:700}.certificate-pem-summary{margin:.75rem 0}.certificate-pem-panel .raw-http-message{white-space:pre-wrap;overflow-wrap:anywhere}.tls-handshake-panels{margin-top:1rem}.tls-handshake-panels .raw-http-message{white-space:pre;max-height:none;overflow:auto}.tls-handshake-panels .hello-summary{overflow-x:auto}.drop-zone{text-align:center;color:#64748b;cursor:pointer;background:#f8fafc;border:2px dashed #c9d3e4;border-radius:14px;place-items:center;gap:.5rem;min-height:10rem;padding:1.25rem;display:grid}.drop-zone strong{color:#172033}.drop-zone:hover{background:#eff6ff;border-color:#235cff}.hidden-file-input{display:none}
