.front-modal-overlay{background:var(--gray-900-alpha-50,#00000080);z-index:var(--z-layer-modal-low,9999);-webkit-backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:20px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.front-modal-overlay--visible{animation:.2s ease-out front-modal-fade-in;display:flex}.front-modal{background:var(--bg-surface,#fff);box-shadow:0 20px 60px var(--gray-900-alpha-30,#0000004d);border-radius:12px;flex-direction:column;width:100%;max-width:500px;margin:auto;animation:.3s cubic-bezier(.34,1.56,.64,1) front-modal-slide-in;display:flex;position:relative;overflow:hidden}.front-modal-header{border-bottom:1px solid var(--border-light,#e5e7eb);background:var(--bg-body,#f9fafb);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.front-modal-title{color:var(--text-primary,#1f2937);margin:0;font-size:18px;font-weight:600;line-height:1.4}.front-modal-body{color:var(--text-primary,#1f2937);flex:auto;padding:24px;line-height:1.6;overflow-y:auto}.front-modal-message{word-wrap:break-word;margin:0;font-size:15px}.front-modal-message+.front-modal-message{margin-top:12px}.front-modal-icon{vertical-align:middle;margin-right:6px;font-size:1.2em}.front-modal-footer{border-top:1px solid var(--border-light,#e5e7eb);background:var(--bg-body,#f9fafb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.front-modal-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;transition:all .2s;display:inline-flex}.front-modal-btn:disabled{opacity:.5;cursor:not-allowed}.front-modal-btn--primary{background:var(--primary-color,#2563eb);color:#fff}.front-modal-btn--primary:hover:not(:disabled){background:var(--primary-color-hover,#1d4ed8)}.front-modal-btn--danger{background:var(--danger-color,#dc2626);color:#fff}.front-modal-btn--danger:hover:not(:disabled){background:var(--danger-color-hover,#b91c1c)}.front-modal-btn--secondary{background:var(--bg-body,#f9fafb);color:var(--text-primary,#1f2937)}.front-modal-btn--secondary:hover:not(:disabled){background:var(--bg-secondary,#f3f4f6)}@keyframes front-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes front-modal-slide-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.front-modal-overlay{padding:10px}.front-modal{max-width:95vw;max-height:95vh}.front-modal-header,.front-modal-body,.front-modal-footer{padding:16px}.front-modal-btn{padding:8px 16px;font-size:13px}}