@keyframes sk-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.sk-bone {
  background: linear-gradient(90deg, #1f1b13 0%, #2d2820 45%, #3d392f 50%, #2d2820 55%, #1f1b13 100%);
  background-size: 200% 100%;
  animation: sk-shimmer 1.4s ease-in-out infinite;
  border-radius: 4px;
}

.sk-page { display: flex; flex-direction: column; gap: 8px; }
.sk-block {
  border: 1px solid #3d392f;
  background: #16130b;
  padding: 8px;
  border-radius: 2px;
}

.sk-line { height: 12px; }
.sk-line-sm { height: 10px; }
.sk-line-lg { height: 16px; }
.sk-line-xl { height: 28px; }
.sk-line-2xl { height: 36px; }

.sk-row { display: flex; align-items: center; gap: 8px; padding: 6px 0; }
.sk-row + .sk-row { border-top: 1px solid #2d2820; }
.sk-label { width: 52px; height: 12px; flex-shrink: 0; }
.sk-flex-1 { flex: 1; min-width: 0; }

.sk-cols-4 { display: grid; grid-template-columns: 52px repeat(4, 1fr); gap: 4px; align-items: center; }
.sk-cols-4 .sk-label { width: 100%; }
.sk-cell { height: 32px; }
.sk-cell-sm { height: 14px; }

.sk-hscroll { display: flex; gap: 6px; overflow: hidden; padding: 4px 0; }
.sk-hscroll-item { flex: 0 0 48px; height: 52px; }

.sk-form-panel { border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.sk-form-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.sk-form-label { width: 72px; height: 14px; }
.sk-form-value { width: 120px; height: 14px; }
.sk-form-value-lg { width: 160px; height: 14px; }
.sk-btn { height: 52px; border-radius: 12px; }