html{font-size:15px;min-height:100%}body{min-height:100vh;background:#f4f6f8;color:#1f2937}.app-header{background:#17202a;box-shadow:0 2px 10px rgba(0,0,0,.14)}.navbar-brand{display:flex;align-items:center;gap:.55rem;font-weight:700}.navbar-brand small{font-size:.72rem;font-weight:500;color:#9ca3af;margin-left:.1rem}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff;color:#17202a;font-size:.75rem}.navbar-dark .navbar-nav .nav-link{color:#d7dde3;border-radius:7px;padding:.5rem .7rem}.navbar-dark .navbar-nav .nav-link:hover{background:rgba(255,255,255,.08);color:white}.navbar-text{font-size:.82rem;color:#adb5bd!important}.test-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffc107;margin-right:6px}.app-main{padding-top:2rem;padding-bottom:3rem}.app-footer{border-top:1px solid #dee2e6;background:white;color:#6b7280;font-size:.82rem;padding:1rem 0}.page-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.page-heading h1{font-size:1.65rem;margin:0 0 .25rem;font-weight:700;letter-spacing:-.02em}.page-heading p{margin:0;color:#6b7280}.env-badge{font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.45rem .7rem;border-radius:999px;background:#fff3cd;color:#7a5b00;border:1px solid #ffe69c}.app-card{border:1px solid #e3e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(31,41,55,.04);overflow:hidden}.app-card .card-header{background:#fff;border-bottom:1px solid #e9ecef;font-weight:650;padding:.85rem 1rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{background:#fff;border:1px solid #e3e7eb;border-radius:11px;padding:14px 16px;border-left:4px solid #adb5bd}.metric-card span{display:block;font-size:.78rem;color:#6b7280;margin-bottom:3px}.metric-card strong{font-size:1.45rem;line-height:1}.metric-success{border-left-color:#198754}.metric-warning{border-left-color:#fd7e14}.metric-info{border-left-color:#0dcaf0}.metric-danger{border-left-color:#dc3545}.app-table{font-size:.9rem}.app-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.035em;color:#6b7280;font-weight:650;background:#fafbfc;border-bottom-color:#e9ecef;white-space:nowrap}.app-table td{vertical-align:middle;border-color:#edf0f2}.status-pill{display:inline-block;padding:.25rem .5rem;border-radius:999px;font-size:.7rem;font-weight:750;letter-spacing:.02em;background:#e9ecef;color:#495057}.status-accepted{background:#d1e7dd;color:#0f5132}.status-rejected,.status-send-failed,.status-sign-failed{background:#f8d7da;color:#842029}.status-unknown,.status-ready-to-send,.status-interrupted{background:#fff3cd;color:#664d03}.status-sending{background:#cff4fc;color:#055160}.status-signed{background:#cfe2ff;color:#084298}.status-created,.status-started{background:#e9ecef;color:#495057}.detail-card{border-top:3px solid #0d6efd}.detail-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:3px}.detail-value{font-weight:650}.tech-details{border-top:1px solid #edf0f2;padding:.8rem 0}.tech-details summary{cursor:pointer;font-weight:600;color:#495057}.tech-details pre{max-height:360px;overflow:auto;background:#111827;color:#e5e7eb;border-radius:8px;padding:12px;font-size:.78rem;white-space:pre-wrap;word-break:break-word}.error-row td{color:#a61e2b;background:#fff5f5;font-size:.8rem}.settings-row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #edf0f2}.settings-row:last-child{border-bottom:0}@media(max-width:767px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:center}.app-main{padding-top:1.25rem}}