@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:#1a1a1a;color:#f0ede8;font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b8935a}.hf-grid{display:grid;gap:10px;grid-template-columns:1fr;padding:12px 14px;max-width:1400px;margin:0 auto}@media (min-width: 600px){.hf-grid{grid-template-columns:1fr 1fr;padding:14px 16px}.hf-grid .hf-full{grid-column:1 / -1}}@media (min-width: 900px){.hf-grid{grid-template-columns:1fr 1fr 1fr;padding:16px 20px;gap:12px}}@media (min-width: 1200px){.hf-grid{grid-template-columns:repeat(4,1fr)}}.hf-card{background:#222;border:1px solid #333333;border-radius:6px;padding:14px 16px;animation:fadeIn .2s ease}.hf-card-accent{border-left:3px solid #B8935A}.hf-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin-bottom:10px}.hf-metric{background:#2a2a2a;border:1px solid #333;border-radius:4px;padding:10px 10px 8px}.hf-metric-label{font-size:10px;color:#a09890;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-weight:500}.hf-metric-value{font-size:16px;font-weight:600;color:#f0ede8;font-family:DM Mono,monospace;line-height:1.2}.hf-metric-value.large{font-size:22px}.hf-metric-sub{font-size:11px;color:#888;margin-top:3px}.hf-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #333}.hf-section-title span{font-size:11px;color:#b8935a;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.hf-row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid #2A2A2A;font-size:13px}.hf-row:last-child{border-bottom:none}.hf-row-label{color:#a09890;font-size:12px}.hf-row-value{font-family:DM Mono,monospace;font-weight:500}.hf-table{width:100%;border-collapse:collapse;font-size:12px}.hf-table th{text-align:left;padding:0 8px 8px 0;color:#a09890;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:500;border-bottom:1px solid #333}.hf-table td{padding:8px 8px 8px 0;border-bottom:1px solid #2A2A2A;vertical-align:middle}.hf-table tr:last-child td{border-bottom:none}.hf-btn{background:transparent;border:1px solid #B8935A;color:#b8935a;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .15s;letter-spacing:.03em}.hf-btn:hover{background:#b8935a;color:#1a1a1a}.hf-btn-sm{padding:5px 10px;font-size:11px;border-radius:3px}.hf-btn-ghost{border-color:#444;color:#888}.hf-btn-ghost:hover{background:#333;color:#f0ede8;border-color:#555}.hf-badge{display:inline-block;padding:2px 8px;border-radius:100px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hf-alert{padding:10px 14px;border-radius:4px;font-size:13px;display:flex;align-items:center;gap:10px}.hf-alert-error{background:#c050501f;border:1px solid rgba(192,80,80,.3);color:#e07070}.hf-alert-warning{background:#c8924a1f;border:1px solid rgba(200,146,74,.3);color:#c8924a}.hf-alert-critical{background:#c050502e;border:2px solid #C05050;color:#e07070}.hf-heatmap-table{width:100%;border-collapse:collapse}.hf-heatmap-table th{font-size:10px;color:#888;padding:0 6px 8px;text-align:center;text-transform:uppercase;font-weight:500}.hf-heatmap-table td{text-align:center;padding:5px 6px;font-family:DM Mono,monospace;font-size:12px;border-radius:3px;transition:opacity .2s}.hf-bar-track{height:4px;background:#2a2a2a;border-radius:2px;overflow:hidden}.hf-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}@media (max-width: 400px){.hf-card{padding:12px}.hf-metric-value{font-size:14px}.hf-metric-value.large{font-size:18px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes slide{0%{transform:translate(-100%)}60%{transform:translate(200%)}to{transform:translate(200%)}}@supports (padding: env(safe-area-inset-bottom)){.hf-footer{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}