:root{color:#121722;background:#fdfcfa;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;font-feature-settings:"ss10" 1;letter-spacing:-.02em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: #fdfcfa;--surface: #ffffff;--hairline: #e8e6e1;--stone: #d5d3ce;--ink: #121722;--ink-muted: #525050;--ash: #9d9c99;--primary: #0f62fe;--primary-deep: #0043ce;--focus-ring: #a6c8ff;--success: #198038;--warning: #8e6a00;--error: #da1e28}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--canvas);word-break:keep-all;overflow-wrap:break-word}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}h1,h2,p{margin:0}h2{font-size:20px;font-weight:600;line-height:1.375}.eyebrow{color:var(--ash);font-size:11px;font-weight:600;line-height:16px;letter-spacing:.14em;text-transform:uppercase}.dashboard-page{width:min(1152px,calc(100% - 48px));margin:0 auto;padding:56px 0 96px}.topbar,.section-heading,.topbar-actions,.store-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{justify-content:flex-end;margin-bottom:32px}.topbar-actions{flex:0 0 auto}.environment-badge,.severity,.outcome{display:inline-flex;align-items:center;gap:7px;border-radius:9999px;padding:5px 9px;font-size:11px;font-weight:600;line-height:16px;letter-spacing:.04em;text-transform:uppercase}.environment-badge{color:var(--success);border:1px solid #a7d8b4;background:#f1faf3}.status-dot{width:7px;height:7px;border-radius:9999px;background:var(--success)}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:20px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.primary-button{padding:10px 20px;color:#fff;background:var(--primary)}.primary-button:hover{background:var(--primary-deep)}.secondary-button{padding:8px 12px;color:var(--primary);background:var(--surface);border-color:#b8d0ff}.secondary-button:hover{color:#fff;background:var(--primary);border-color:var(--primary)}.icon-button{width:40px;padding:0;color:var(--ink);background:var(--surface);border-color:var(--hairline)}.icon-button:hover{color:var(--primary);border-color:#b8d0ff}.error-banner{display:flex;align-items:center;gap:10px;margin-bottom:24px;padding:14px 16px;color:#a2191f;border:1px solid #ffb3b8;border-radius:12px;background:#fff1f1;font-size:14px}.section-heading{margin-bottom:16px}.section-heading .eyebrow{margin-bottom:6px}.section-heading>span{color:var(--ash);font-size:12px;line-height:16px;font-variant-numeric:tabular-nums}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric-card,.panel{color:var(--ink);border:1px solid var(--hairline);background:var(--surface);box-shadow:inset 0 0 0 1px #ffffff0a,0 20px 20px -8px #0000000a}.metric-card{min-width:0;padding:24px;border-radius:16px;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1)}.metric-card:hover{border-color:var(--stone);transform:translateY(-2px)}.metric-card span{color:var(--ink-muted);font-size:13px;line-height:20px}.metric-card strong{display:block;margin-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:28px;font-weight:600;line-height:36px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric-card.danger{border-color:#ffb3b8;background:#fff8f8}.metric-card.danger strong{color:var(--error)}.content-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.panel{min-width:0;padding:28px;border-radius:16px}.incident-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--hairline)}.incident-row strong{display:block;margin:10px 0 6px;font-size:15px}.incident-row p,.incident-row small{color:var(--ink-muted);font-size:13px;line-height:1.6}.severity.critical,.outcome.failed,.outcome.missing{color:#a2191f;background:#fff1f1}.severity.warning{color:var(--warning);background:#fff8d6}.outcome.succeeded{color:var(--success);background:#defbe6}.table-wrap{width:100%;overflow-x:auto;scrollbar-width:none}.table-wrap::-webkit-scrollbar{display:none}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:13px 12px;text-align:left;border-bottom:1px solid var(--hairline);white-space:nowrap}th{color:var(--ash);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}td{color:var(--ink-muted);font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}.empty-state{padding:48px 12px;color:var(--ash);text-align:center;font-size:14px;line-height:1.625}.store-panel{margin-top:24px}.store-search{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;align-items:end;gap:12px;margin-bottom:24px}label{display:grid;gap:8px;color:var(--ink-muted);font-size:12px;font-weight:600;line-height:16px}input{width:100%;min-height:42px;padding:10px 12px;color:var(--ink);border:1px solid var(--hairline);border-radius:8px;outline:none;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}input:hover{border-color:var(--stone)}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #a6c8ff73}.store-search .primary-button{min-height:42px}.store-summary{padding:16px 0 20px;color:var(--ink)}.store-summary span{color:var(--ink-muted);font-size:13px;font-variant-numeric:tabular-nums}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media(max-width:640px){.dashboard-page{width:min(100% - 32px,1152px);padding:40px 0 72px}.topbar{flex-direction:column;margin-bottom:48px}.topbar-actions{width:100%}.icon-button{margin-left:auto}.metric-grid,.store-search{grid-template-columns:1fr}.panel{padding:22px}.incident-row,.store-summary{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
