:root { --brand: #176b5b; --brand-dark: #0f4d42; --surface: #fff; --page: #f4f7f5; }
body { background: var(--page); color: #1d2926; min-height: 100vh; }
.admin-nav { background: linear-gradient(120deg, var(--brand-dark), var(--brand)); }
.auth-page { display: grid; place-items: center; padding: 1rem; }
.auth-card { width: min(100%, 430px); padding: clamp(1.5rem, 5vw, 2.5rem); border-radius: 1.25rem; background: var(--surface); }
.auth-card h1 { font-size: 1.75rem; margin: 1rem 0 .5rem; }
.brand-mark { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 1rem; color: #fff; background: var(--brand); font-weight: 700; }
.btn-primary { --bs-btn-bg: var(--brand); --bs-btn-border-color: var(--brand); --bs-btn-hover-bg: var(--brand-dark); --bs-btn-hover-border-color: var(--brand-dark); }
.code-input { letter-spacing: .45em; text-align: center; font-weight: 700; }
.metric-card, .panel-card { background: var(--surface); border: 1px solid #dfe8e4; border-radius: 1rem; box-shadow: 0 .25rem 1.25rem rgb(29 41 38 / 5%); }
.metric-card { display: flex; flex-direction: column; gap: .5rem; padding: 1rem; min-height: 7rem; }
.metric-card span { color: #5f706b; }.metric-card strong { font-size: 2rem; }
.panel-card { padding: clamp(1rem, 3vw, 1.5rem); }
.status-pill { border-radius: 999px; padding: .5rem .8rem; font-weight: 600; background: #e8eeec; }
.status-connected { color: #0b6545; background: #dff6ea; }.status-disconnected { color: #9d2d20; background: #fde8e5; }
.empty-state { padding: 3rem 1rem; text-align: center; color: #6d7a76; }
.filter-row { display: flex; gap: .5rem; overflow-x: auto; padding-bottom: .35rem; }
.filter-row .btn { white-space: nowrap; }
.action-row { display: flex; flex-wrap: wrap; gap: .75rem; }
.block-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #e6ece9; }
.ticket { padding: 1rem 0; border-bottom: 1px solid #e6ece9; }
@media (max-width: 575.98px) { .table th:nth-child(3), .table td:nth-child(3) { display: none; } }