.doc-skeleton-container {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 1.5rem;
          }
          .doc-skeleton {
            width: 70px;
            height: 90px;
            background: #fff;
            border: 2px solid #e2e8f0;
            border-radius: 8px;
            position: relative;
            box-shadow:
              0 20px 25px -5px rgba(0, 0, 0, 0.05),
              0 10px 10px -5px rgba(0, 0, 0, 0.04);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            padding: 16px 10px;
            gap: 8px;
          }
          .doc-skeleton::before {
            content: "";
            position: absolute;
            top: -1px;
            right: -1px;
            width: 18px;
            height: 18px;
            background: linear-gradient(
              135deg,
              #f1f5f9 45%,
              #cbd5e1 50%,
              #fff 55%
            );
            border-bottom-left-radius: 6px;
            border-left: 2px solid #e2e8f0;
            border-bottom: 2px solid #e2e8f0;
            box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.02);
          }
          .doc-line {
            height: 6px;
            background: #e2e8f0;
            border-radius: 9999px;
            position: relative;
            overflow: hidden;
          }
          .doc-line-1 {
            width: 50%;
          }
          .doc-line-2 {
            width: 85%;
          }
          .doc-line-3 {
            width: 75%;
          }
          .doc-line-4 {
            width: 40%;
          }
          .doc-line::after {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient(
              90deg,
              transparent,
              rgba(255, 255, 255, 0.7),
              transparent
            );
            animation: shimmer 1.5s infinite;
          }
          @keyframes shimmer {
            0% {
              left: -100%;
            }
            100% {
              left: 150%;
            }
          }
          .scanner-laser {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(
              90deg,
              rgba(37, 99, 235, 0) 5%,
              rgba(37, 99, 235, 1) 50%,
              rgba(37, 99, 235, 0) 95%
            );
            box-shadow:
              0 0 10px rgba(37, 99, 235, 0.8),
              0 0 4px rgba(37, 99, 235, 0.5);
            animation: scan 2s infinite ease-in-out;
          }
          @keyframes scan {
            0% {
              top: 8%;
            }
            50% {
              top: 88%;
            }
            100% {
              top: 8%;
            }
          }
          .step-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #cbd5e1;
            transition: all 0.3s;
          }
          .step-dot.active {
            background-color: #2563eb;
            transform: scale(1.2);
            box-shadow: 0 0 8px rgba(37, 99, 235, 0.4);
          }