.mid-skeleton{background:var(--bg-elevated);border-radius:var(--radius-md);position:relative;overflow:hidden}.mid-skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 20%,#ffffff14 50%,#ffffff0a 80%,#0000 100%);animation:1.8s ease-in-out infinite mid-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes mid-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mid-skeleton--text{border-radius:var(--radius-sm)}.mid-skeleton--card{border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.mid-skeleton--circle{border-radius:var(--radius-full)}.mid-skeleton-page{gap:var(--space-4);padding:var(--space-2) 0;flex-direction:column;display:flex}.mid-skeleton-page__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.mid-skeleton-dashboard{gap:var(--space-8);flex-direction:column;display:flex}.mid-skeleton-dashboard__header{gap:var(--space-2);flex-direction:column;display:flex}.mid-skeleton-dashboard__grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1200px){.mid-skeleton-dashboard__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.mid-skeleton-dashboard__grid{grid-template-columns:1fr}}.mid-skeleton-table{flex-direction:column;gap:0;display:flex}.mid-skeleton-table__row{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-primary);align-items:center;display:flex}.mid-skeleton-table__row:first-child{padding-top:0}.mid-skeleton-dashboard__grid .mid-skeleton:first-child:after{animation-delay:0s}.mid-skeleton-dashboard__grid .mid-skeleton:nth-child(2):after{animation-delay:.1s}.mid-skeleton-dashboard__grid .mid-skeleton:nth-child(3):after{animation-delay:.2s}.mid-skeleton-dashboard__grid .mid-skeleton:nth-child(4):after{animation-delay:.3s}.mid-skeleton-dashboard__grid .mid-skeleton:nth-child(5):after{animation-delay:.4s}.mid-skeleton-dashboard__grid .mid-skeleton:nth-child(6):after{animation-delay:.5s}.mid-skeleton-dashboard__grid .mid-skeleton:nth-child(7):after{animation-delay:.6s}.mid-skeleton-dashboard__grid .mid-skeleton:nth-child(8):after{animation-delay:.7s}.mid-skeleton--span2{grid-column:span 2}.mid-skeleton-tabs{gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary);display:flex}.mid-skeleton-filters{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.mid-skeleton-row-between{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mid-skeleton-stat-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.mid-skeleton-settings-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.mid-skeleton-settings-grid{grid-template-columns:1fr}}.mid-skeleton-form{gap:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);flex-direction:column;display:flex}.mid-skeleton-form__row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.mid-skeleton-offers-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.mid-skeleton-collapse,.mid-skeleton-notifications{gap:var(--space-2);flex-direction:column;display:flex}.mid-skeleton-notification{align-items:center;gap:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex}.mid-skeleton-notification__content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.mid-skeleton-notification__top{align-items:center;gap:var(--space-2);display:flex}.mid-skeleton-payment{padding:var(--space-8) 0;justify-content:center;align-items:center;display:flex}@media (width<=768px){.mid-skeleton-tabs{gap:var(--space-3);overflow-x:auto}.mid-skeleton-filters{gap:var(--space-2)}.mid-skeleton-stat-cards{grid-template-columns:repeat(2,1fr)}.mid-skeleton-offers-grid{grid-template-columns:1fr}.mid-skeleton--span2{grid-column:span 1}.mid-skeleton-payment .mid-skeleton{width:100%!important}}@media (width<=640px){.mid-skeleton-stat-cards{grid-template-columns:1fr}}