*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#0b0f17;color:#e8eefc}
a{color:inherit;text-decoration:none}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.container{max-width:1100px;margin:0 auto;padding:16px}
.topbar{position:sticky;top:0;background:#0f1626;border-bottom:1px solid #1e2a44;z-index:10}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-weight:700;letter-spacing:.5px}
.nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}
.pill{padding:8px 10px;border:1px solid #2a3a61;border-radius:999px;display:inline-block}
.pill:hover{filter:brightness(1.1)}
.card{border:1px solid #1e2a44;background:#0f1626;border-radius:14px;padding:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
label{display:block;margin:10px 0 6px;color:#b8c7f4}
input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #2a3a61;background:#0b0f17;color:#e8eefc}
textarea{min-height:120px;resize:vertical}
button{padding:10px 12px;border-radius:10px;border:1px solid #2a3a61;background:#14213d;color:#e8eefc;cursor:pointer}
button:hover{filter:brightness(1.1)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #1e2a44;padding:10px;text-align:left;vertical-align:top}
.badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid #2a3a61;display:inline-block}
.badge.ok{background:rgba(46,204,113,.12)}
.badge.no{background:rgba(231,76,60,.12)}
.badge.warn{background:rgba(241,196,15,.12)}
.footer{border-top:1px solid #1e2a44;margin-top:30px;background:#0f1626}
.actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.muted{color:#b8c7f4}
.kv{display:grid;grid-template-columns:160px 1fr;gap:8px 12px;margin:12px 0}
.kv div{padding:6px 0;border-bottom:1px solid #1e2a44}
.viewer{width:100%;min-height:70vh;border:1px solid #1e2a44;border-radius:14px;overflow:hidden;background:#0b0f17}
.viewer iframe{width:100%;height:70vh;border:0}
.viewer img{max-width:100%;display:block;margin:0 auto}

.narrow{max-width:520px;margin:0 auto}

.gridwide{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

.muted { color: #b8c7f4; }

.pdfwrap {
  width: 100%;
  border: 1px solid #1e2a44;
  border-radius: 14px;
  overflow: hidden;
  background: #0b0f17;
  margin-top: 12px;
}

.pdf {
  width: 100%;
  height: 80vh;
  border: 0;
  display: block;
}