.drovinci-up-wrap{
  min-height: calc(100vh - 120px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 24px;
}
.drovinci-up-card{
  width: min(820px, 94vw);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 40px rgba(0,0,0,.08);
  padding: 26px;
}
.drovinci-up-header{ margin-bottom: 16px; }
.drovinci-up-title{ font-size: 28px; font-weight: 700; letter-spacing: .2px; }
.drovinci-up-subtitle{ font-size: 14px; opacity: .75; margin-top: 6px; }
.drovinci-up-alert{
  border-radius: 12px;
  padding: 12px 14px;
  margin: 12px 0;
  font-size: 14px;
}
.drovinci-up-alert-ok{ background:#e7f7ee; color:#0b5; }
.drovinci-up-alert-warn{ background:#fff6e5; color:#a60; }
.drovinci-up-alert-err{ background:#fde8e8; color:#b00; }
.drovinci-up-form{ margin-top: 8px; }
.drovinci-up-row{ margin: 14px 0; }
.drovinci-up-label{ display:block; font-weight: 600; margin-bottom: 6px; font-size: 13px; }
.drovinci-up-value{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background:#f5f6f8; padding:10px 12px; border-radius: 12px; }
.drovinci-up-input{ width: 100%; padding: 10px; border-radius: 12px; border: 1px solid #e6e8ee; }
.drovinci-up-hint{ font-size: 12px; opacity: .7; margin-top: 6px; }
.drovinci-up-actions{ margin-top: 16px; display:flex; justify-content:flex-end; }
.drovinci-up-btn{
  appearance:none;
  border:0;
  border-radius: 12px;
  padding: 10px 16px;
  font-weight: 700;
  cursor:pointer;
  background:#111827;
  color:#fff;
}
.drovinci-up-btn:disabled{
  opacity: .4;
  cursor: not-allowed;
}
.drovinci-up-divider{ height:1px; background:#eef0f5; margin: 22px 0; }
.drovinci-up-section-title{ font-weight: 700; margin-bottom: 10px; }
.drovinci-up-item{ padding: 10px 0; border-bottom: 1px solid #f1f3f7; }
.drovinci-up-item:last-child{ border-bottom:0; }
.drovinci-up-link{ font-weight: 600; text-decoration:none; }
.drovinci-up-meta{ font-size: 12px; opacity: .7; margin-top: 4px; }