.dpnl-form-wrap { max-width: 480px; font-family: inherit; }
.dpnl-title { font-size: 20px; font-weight: 700; margin: 0 0 6px; }
.dpnl-desc { font-size: 14px; color: #66758B; margin: 0 0 16px; }
.dpnl-notice { padding: 12px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; margin-bottom: 16px; }
.dpnl-notice-ok { background: #EDFBF3; color: #166534; border: 1px solid rgba(22,163,74,.2); }
.dpnl-notice-info { background: #EEF5FF; color: #134E8E; border: 1px solid rgba(19,78,142,.2); }
.dpnl-notice-err { background: #FEF2F2; color: #991B1B; border: 1px solid rgba(220,38,38,.2); }
.dpnl-form { display: flex; flex-direction: column; gap: 14px; }
.dpnl-field { display: flex; flex-direction: column; gap: 5px; }
.dpnl-field label { font-size: 13px; font-weight: 700; color: inherit; }
.dpnl-req { color: #DC2626; }
.dpnl-field input { padding: 10px 14px; border: 1px solid #D9E2EE; border-radius: 8px; font-size: 15px; font-family: inherit; color: inherit; background: #fff; width: 100%; transition: border-color .15s; box-sizing: border-box; }
.dpnl-field input:focus { outline: none; border-color: #134E8E; box-shadow: 0 0 0 3px rgba(19,78,142,.1); }
.dpnl-field-row { display: flex; align-items: center; gap: 12px; }
.dpnl-btn { padding: 10px 22px; background: #134E8E; color: #fff; border: none; border-radius: 999px; font-size: 14px; font-weight: 700; cursor: pointer; font-family: inherit; transition: background .15s; }
.dpnl-btn:hover { background: #0F3D70; }
.dpnl-btn:disabled { opacity: .6; cursor: not-allowed; }
.dpnl-spinner { width: 16px; height: 16px; border: 2px solid #D9E2EE; border-top-color: #134E8E; border-radius: 50%; animation: dpnl-spin .7s linear infinite; }
@keyframes dpnl-spin { to { transform: rotate(360deg); } }
.dpnl-error { font-size: 13px; color: #DC2626; margin: 0; }