*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f6fa;color:#222;font-size:14px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0f1a}.login-form{background:#1a1a2e;border:1px solid #2d2d4e;border-radius:8px;padding:36px 32px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.login-form h1{font-size:20px;font-weight:600;color:#fff;margin:0}.login-label{font-size:13px;color:#aaa;margin:0}.login-error{font-size:12px;color:#ef4444;margin:0}.login-form .refresh-btn{margin-top:4px}.logout-btn{background:transparent;color:#aaa;border:1px solid #444;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px}.logout-btn:hover{color:#fff;border-color:#888}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#1a1a2e;color:#fff;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.header h1{font-size:16px;font-weight:600;letter-spacing:.3px}.header-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#aaa}.health-badge{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600}.health-badge.ok{background:#22c55e22;color:#22c55e}.health-badge.degraded{background:#ef444422;color:#ef4444}.refresh-btn{background:#2d2d4e;color:#fff;border:1px solid #444;padding:5px 14px;border-radius:4px;cursor:pointer;font-size:12px}.refresh-btn:hover:not(:disabled){background:#3d3d6e}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.main{padding:24px;flex:1;max-width:1400px;margin:0 auto;width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border-radius:8px;padding:18px 20px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #00000014;border-left:4px solid #e0e0e0}.stat.success{border-left-color:#22c55e}.stat.error{border-left-color:#ef4444}.stat.rate{border-left-color:#6366f1}.stat-value{font-size:26px;font-weight:700;line-height:1}.stat-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.filters{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.search-input{padding:7px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;width:240px;outline:none}.search-input:focus{border-color:#6366f1}.status-filters{display:flex;gap:6px}.filter-btn{padding:5px 14px;border:1px solid #ddd;background:#fff;border-radius:20px;font-size:12px;cursor:pointer;color:#555;transition:background .1s}.filter-btn.active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.filter-btn:hover:not(.active){background:#f0f0f0}.time-filters{display:flex;gap:6px}.custom-range{display:flex;align-items:center;gap:8px}.date-input{padding:5px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;outline:none;color:#333}.date-input:focus{border-color:#6366f1}.date-sep{color:#aaa;font-size:14px}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:6px;margin-bottom:16px}.loading{text-align:center;padding:60px;color:#888}.skeleton-row td{padding:10px 16px;border-bottom:1px solid #f5f5f5}.skeleton{display:inline-block;height:12px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;overflow:auto}.records-table{width:100%;border-collapse:collapse}.records-table th{text-align:left;padding:10px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#888;border-bottom:1px solid #f0f0f0;background:#fafafa;white-space:nowrap}.records-table td{padding:10px 16px;border-bottom:1px solid #f5f5f5;font-size:13px}.records-table tr:last-child td{border-bottom:none}.records-table tbody tr:hover td{background:#fafafa}.col-time{color:#888;font-size:12px;white-space:nowrap}.col-sku{font-family:Menlo,Consolas,monospace;font-size:12px}.col-stock{font-variant-numeric:tabular-nums}.col-arrow{color:#aaa}.col-error{max-width:320px}.error-desc{display:block;font-size:11px;color:#dc2626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;cursor:help}.empty{text-align:center;padding:40px;color:#aaa}.table-footer{margin-top:8px;font-size:12px;color:#aaa;text-align:right}.truncated-warning{display:block;color:#d97706;margin-bottom:4px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-success{background:#dcfce7;color:#15803d}.badge-failed,.badge-error{background:#fee2e2;color:#dc2626}.badge-unknown{background:#f3f4f6;color:#6b7280}@media(max-width:768px){.header{padding:12px 16px;flex-wrap:wrap;gap:6px}.main{padding:12px 16px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat{padding:14px 16px}.stat-value{font-size:22px}.filters{flex-direction:column;align-items:stretch;gap:10px}.search-input{width:100%;box-sizing:border-box}.status-filters,.time-filters,.custom-range{flex-wrap:wrap}.date-input{flex:1;min-width:120px}.refresh-btn{width:100%;padding:9px 14px;text-align:center}.col-hide-mobile{display:none}.col-error{max-width:140px}.error-desc{max-width:120px}.table-footer{text-align:left}}