*{box-sizing:border-box}body{color:#1f2933;background:#f5f6f7;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app{width:min(1180px,100%);margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}h1{margin:0;font-size:24px;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.user-name{color:#667085;font-size:14px}.logout-button,.login-panel button{color:#fff;background:#1f2933;border:1px solid #1f2933;padding:10px 16px}.tabs{background:#fff;border:1px solid #c8d0d9;display:inline-flex}.tabs button{color:#344054;background:0 0;border:0;border-right:1px solid #c8d0d9;min-width:112px;padding:10px 16px}.tabs button:last-child{border-right:0}.tabs button.active{color:#fff;background:#1f2933}.content{gap:16px;display:grid}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric,.panel,.toolbar{background:#fff;border:1px solid #d9dee5}.metric{padding:16px}.metric-label{color:#667085;margin-bottom:8px;font-size:13px}.metric-value{font-size:28px;font-weight:700}.metric-value span{color:#667085;font-size:16px;font-weight:400}.panel{padding:16px}.panel-title{margin-bottom:12px;font-size:16px;font-weight:700}.status-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.status-list div{border:1px solid #e5e7eb;padding:12px}.status-list dt{color:#667085;margin-bottom:6px;font-size:13px}.status-list dd{margin:0;font-weight:700}.toolbar{padding:12px 16px}.toolbar label{color:#344054;align-items:center;gap:10px;font-weight:700;display:inline-flex}.toolbar input{border:1px solid #b8c0cc;padding:8px 10px}.notice{color:#344054;background:#f8fafc;border:1px solid #c8d0d9;margin-bottom:12px;padding:10px 12px}.notice.error{color:#b42318;background:#fff4f2;border-color:#d92d20}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #d9dee5;gap:14px;width:min(360px,100%);padding:24px;display:grid}.login-panel label{color:#344054;gap:6px;font-weight:700;display:grid}.login-panel input{border:1px solid #b8c0cc;width:100%;padding:9px 10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:10px 12px}th{color:#475467;background:#f1f3f5;font-size:13px;font-weight:700}td{font-size:14px}.empty{color:#667085;text-align:center}.download-button{color:#1f2933;background:#fff;border:1px solid #b8c0cc;place-items:center;width:32px;height:32px;font-weight:700;display:inline-grid}.download-button:hover{background:#f1f3f5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=720px){.app{padding:16px}.topbar,.header-actions{flex-direction:column;align-items:stretch}.tabs{width:100%}.tabs button{flex:1;min-width:0}.metrics,.status-list{grid-template-columns:1fr}}