.ud-register-card, .ud-docs-card, .ud-search-card {
  max-width: 800px; margin: 20px auto; padding: 18px;
  border-radius: 8px; background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  font-family: system-ui, sans-serif;
}
.ud-register-form label { display:block; margin-bottom:12px; }
.ud-register-form input, .ud-search-form input {
  width:100%; padding:8px; border:1px solid #ccc; border-radius:6px;
}
.ud-btn {
  margin-top:10px; padding:10px 16px; border-radius:6px;
  background:#1e73be; color:#fff; border:none; cursor:pointer;
}
.ud-docs-table { width:100%; border-collapse:collapse; margin-top:10px; }
.ud-docs-table th, .ud-docs-table td {
  border-bottom:1px solid #eee; padding:8px; text-align:left;
}
/* Popup */
.ud-popup-overlay {
  position:fixed; top:0; left:0; width:100%; height:100%;
  background:rgba(0,0,0,.6); display:flex; align-items:center; justify-content:center;
  z-index:9999;
}
.ud-popup {
  background:#fff; padding:20px; border-radius:8px; min-width:300px;
  text-align:center;
}
.ud-popup.success { border-top:4px solid #28a745; }
.ud-popup.error { border-top:4px solid #dc3545; }
.ud-popup-close {
  margin-top:12px; padding:6px 12px; background:#444; color:#fff;
  border:none; border-radius:4px; cursor:pointer;
}
.ud-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    animation: ud-spin 1s linear infinite;
    margin: 0 auto;
}
@keyframes ud-spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}