*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:#fff;padding:30px;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 30px #0003;text-align:center}.modal-box h3{margin-top:0;margin-bottom:20px;color:#1a1a1a}.modal-box .form-group{margin-bottom:15px;text-align:left;position:relative}.modal-box .form-group label{display:block;margin-bottom:5px;font-weight:600;color:#666;font-size:14px}.modal-box .form-group input{width:100%;padding:10px 40px 10px 10px;border:1px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box}.modal-box .form-group input:focus{outline:none;border-color:#c5a059}.modal-box .form-group .toggle-btn{position:absolute;right:10px;top:29px;background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.modal-box .form-group .toggle-btn:hover{opacity:1}.modal-box .form-group .toggle-btn svg{width:20px;height:20px;fill:#666}.modal-box .modal-buttons,.modal-box .modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px}.modal-box .modal-buttons button,.modal-box .modal-actions button{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;background-color:#f3f4f6;color:#374151}.modal-box .modal-buttons button:hover,.modal-box .modal-actions button:hover{background-color:#e5e7eb}.modal-box .modal-buttons button:last-child,.modal-box .modal-actions button:last-child{background-color:#ef4444;color:#fff;box-shadow:0 4px 6px -1px #ef444433}.modal-box .modal-buttons button:last-child:hover,.modal-box .modal-actions button:last-child:hover{background-color:#dc2626;box-shadow:0 4px 12px -1px #dc26264d}.modal-box .error-msg{display:flex;align-items:center;gap:8px;color:#991b1b;font-size:14px;margin-bottom:20px;background:#fef2f2;border:1px solid #fecaca;padding:12px;border-radius:8px}.modal-box .success-msg{color:#166534;font-size:14px;margin-bottom:20px;background:#f0fdf4;border:1px solid #bbf7d0;padding:12px;border-radius:8px}.btn-delete{background:none;border:none;cursor:pointer;font-size:1.2rem;transition:transform .2s;margin-left:auto;padding:0 5px}.btn-delete:hover{transform:scale(1.1)}