.skeleton{background:var(--card);border-radius:var(--radius-md);animation:1.5s ease-in-out infinite skeletonLoading}@keyframes skeletonLoading{0%{background-color:var(--card)}50%{background-color:#e0e7ff}to{background-color:var(--card)}}.skeleton-text{border-radius:4px;width:60%;height:14px;margin:4px 0}.skeleton-text.wide{width:80%}.skeleton-text.tall{height:20px}.skeleton-card{border-radius:var(--radius-sm);width:70%;height:40px;margin:8px 0}.skeleton-circle{border-radius:50%;width:48px;height:48px;margin:16px auto}.skeleton-avatar{vertical-align:middle;border-radius:50%;width:32px;height:32px;margin-right:12px;display:inline-block}.skeleton-badge{border-radius:999px;width:60px;height:20px;margin-right:8px;display:inline-block}.skeleton-row{gap:12px;margin:16px 0;display:flex}.skeleton-row .skeleton-text{margin:0}.skeleton-row .skeleton-card{width:40px}.skeleton-btn{border-radius:var(--radius-sm);width:100%;height:44px;margin:12px 0}.skeleton-form{flex-direction:column;gap:16px;display:flex}.skeleton-form-field{flex-direction:column;gap:8px;display:flex}.skeleton-form-field .skeleton-text{width:100%;height:14px}.skeleton-form-field .skeleton-card{width:100%;height:48px;margin:0}.skeleton-pole-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0;display:grid}.skeleton-pole-card{border-radius:var(--radius-md);width:100%;height:160px}.skeleton-table-row{gap:12px;margin:12px 0;display:flex}.skeleton-table-row .skeleton-text{height:13px;margin:0}.skeleton-table-row .skeleton-avatar,.skeleton-table-row .skeleton-text{width:auto}.skeleton-table-row .skeleton-text:first-child{width:140px}.skeleton-table-row .skeleton-text:nth-child(2){width:100px}.skeleton-table-row .skeleton-text:nth-child(3){width:80px}.skeleton-table-row .skeleton-text:last-child{width:60px;margin-left:auto}.skeleton-metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;display:grid}.skeleton-metric{border-radius:var(--radius-md);height:100px}@media (max-width:700px){.skeleton-metric-grid{grid-template-columns:repeat(2,1fr)}.skeleton-pole-grid{grid-template-columns:1fr}}.success-flash{animation:.4s ease-out forwards successFlash}@keyframes successFlash{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes errorFlash{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px 20px;font-size:14px;display:flex}.error-banner strong{margin-bottom:4px;font-size:14px;display:block}.error-banner span{color:#b91c1c;font-size:13px;line-height:1.5}.error-banner>div{flex:1}.field-error{color:#dc2626;align-items:center;gap:6px;margin-top:6px;font-size:12px;animation:.2s ease-out scaleIn;display:flex}.field-hint{color:var(--muted-foreground);margin-top:6px;font-size:12px}input.error,select.error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}input.success,select.success{border-color:#16a34a!important}.choice:hover,.choice:focus-visible,.pole-card:hover,.pole-card:focus-visible,.input-wrapper:hover,.input-wrapper:focus-visible{transition:all .15s;transform:scale(1.02)}.choice:focus-visible,.pole-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}.pole-card:focus-visible{box-shadow:0 0 0 3px #b53d1f26}.form-input::placeholder,.otp-input::placeholder{color:var(--muted-foreground);opacity:.5}.form-input:focus-visible,.otp-input:focus-visible,select:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #b53d1f26}.verify-otp-card{background:var(--card);border:1px solid var(--border);border-radius:16px;max-width:480px;margin:0 auto;padding:40px 32px}.verify-otp-header{text-align:center;margin-bottom:24px}.verify-otp-icon{background:var(--primary);border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 16px;display:grid}.verify-otp-icon svg{color:var(--primary-foreground)}.verify-otp-text{color:var(--muted-foreground);text-align:center;margin-bottom:24px;line-height:1.6}.otp-inputs{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.otp-input{border:2px solid var(--border);text-align:center;width:50px;height:50px;color:var(--foreground);background:var(--card);border-radius:10px;font-size:24px;font-weight:700}.otp-input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #b53d1f26}.otp-input::placeholder{color:var(--muted-foreground)}.resend-section{text-align:center;margin-top:24px}.resend-button{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s}.resend-button:hover{border-color:var(--primary);color:var(--primary)}.resend-button:disabled{opacity:.5;cursor:not-allowed}.error-flash{animation:.5s flash}@keyframes flash{0%{opacity:1}to{opacity:.8}}.progress-bar-otp{color:var(--muted-foreground);justify-content:space-between;margin-bottom:32px;display:flex}.progress-step{flex-direction:column;align-items:center;gap:8px;display:flex}.progress-step.active{color:var(--primary)}.progress-step.active .step-dot{background:var(--primary);color:var(--primary-foreground)}.progress-step:not(.active) .step-dot{background:#cad5cd}.progress-line{background:var(--border);flex:1;height:1px;margin:0 8px}.step-dot{width:32px;height:32px;color:var(--muted-foreground);background:#cad5cd;border-radius:50%;place-items:center;font-size:12px;font-weight:600;transition:all .2s;display:grid}.step-label{text-transform:uppercase;letter-spacing:.08em;font-size:11px}@media (max-width:600px){.verify-otp-card{padding:24px 16px}.otp-input{width:44px;height:44px;font-size:20px}.progress-bar-otp{margin-bottom:20px}}.input-wrapper{background:var(--card);border:1.5px solid var(--border);border-radius:10px;align-items:center;transition:all .15s;display:flex;position:relative}.input-wrapper:hover{border-color:var(--muted-foreground)}.input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #b53d1f26}.input-icon{color:var(--muted-foreground);pointer-events:none;margin-left:14px}.form-input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-size:15px}.form-input::placeholder{color:var(--muted-foreground);opacity:.6}.form-label{color:var(--foreground);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.verify-form{max-width:480px;margin:0 auto}.button-loading{align-items:center;gap:8px;display:inline-flex}.secondary-button{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s}.secondary-button:hover{border-color:var(--primary);color:var(--primary)}.progress-bar{color:var(--muted-foreground);justify-content:space-between;margin-bottom:32px;display:flex}.progress-bar .progress-step{flex-direction:column;align-items:center;gap:8px;display:flex}.progress-bar .progress-step.active{color:var(--primary)}.progress-bar .progress-step.active .step-dot{background:var(--primary);color:var(--primary-foreground)}.progress-bar .progress-step:not(.active) .step-dot{background:#cad5cd}.progress-bar .progress-line{background:var(--border);flex:1;height:1px;margin:0 8px}.progress-bar .step-dot{width:32px;height:32px;color:var(--muted-foreground);background:#cad5cd;border-radius:50%;place-items:center;font-size:12px;font-weight:600;transition:all .2s;display:grid}.progress-bar .step-label{text-transform:uppercase;letter-spacing:.08em;font-size:11px}@media (max-width:600px){.progress-bar .step-label{font-size:0}}
