*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#f5f6f8;color:#1a1a1a}.container{max-width:1100px;margin:0 auto;padding:24px 16px}.card{background:white;border-radius:10px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box{width:320px}input{width:100%;padding:10px 12px;border:1px solid #d0d3d9;border-radius:6px;margin-top:6px;margin-bottom:16px}button,input{font-size:14px}button{cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-weight:600}.btn-primary{background:#2563eb;color:white;width:100%}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#e5e7eb;color:#1a1a1a}.error-text{color:#dc2626;font-size:13px;margin-bottom:12px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;align-items:flex-end}.filter-field label{display:block;font-size:12px;color:#666;margin-bottom:4px}.filter-field input,.filter-field select{margin:0;min-width:160px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid #eee}th{background:#f0f2f5;position:-webkit-sticky;position:sticky;top:0}tr.warn{background:#fdf2e9}.table-wrap{max-height:60vh;overflow-y:auto;border:1px solid #eee;border-radius:8px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.summary{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.summary .stat{background:white;border-radius:8px;padding:12px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06);min-width:140px}.summary .stat .num{font-size:22px;font-weight:700}.summary .stat .label{font-size:12px;color:#666}.sync-status-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.sync-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.sync-pill .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sync-ok{background:#dcfce7;color:#166534}.sync-ok .dot{background:#22c55e}.sync-bad{background:#fee2e2;color:#991b1b}.sync-bad .dot{background:#ef4444}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid #e5e7eb}.tab-btn{background:transparent;padding:10px 18px;font-weight:600;color:#666;border:none;border-bottom:2px solid transparent;border-radius:0}.tab-active{color:#2563eb;border-bottom:2px solid #2563eb}.hint-text{font-size:12px;color:#666;margin:4px 0 12px}h3{margin:8px 0 4px;font-size:16px}