:root{--modal-bg:#fff;--modal-overlay:#0f172ab3;--primary:#6366f1;--primary-light:#e0e7ff;--primary-dark:#4338ca;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--surface:#f8fafc;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--shadow-premium:0 25px 50px -12px #00000040}.modal-overlay{background:var(--modal-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;justify-content:center;align-items:center;padding:1.5rem;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}}.modal-container.large{background:var(--modal-bg);border-radius:var(--radius-lg);width:100%;max-width:1000px;max-height:92vh;box-shadow:var(--shadow-premium);border:1px solid #ffffff1a;flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden}@media (max-width:640px){.modal-container.large{border-radius:0;max-width:100%;height:100dvh;max-height:100dvh}}.modal-header{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:relative;box-shadow:0 4px 12px #6366f126}.modal-header .header-title-group{align-items:center;gap:1rem;display:flex}.modal-header .header-title-group .icon-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#fff3;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.modal-header .modal-titles{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:850;line-height:1.2}@media (max-width:640px){.modal-header .modal-titles{font-size:1.1rem}}.modal-header .close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.modal-header .close-btn:hover{color:#ef4444;background:#fff;transform:rotate(90deg)}.service-form{background:var(--surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.modal-bodys{scrollbar-width:thin;scrollbar-color:var(--border)#0000;flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.modal-bodys::-webkit-scrollbar{width:6px}.modal-bodys::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}@media (max-width:640px){.modal-bodys{padding:1.25rem}}.form-section{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;margin-bottom:1rem;padding:1.25rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px -1px #00000005}.form-section:hover{box-shadow:0 10px 15px -3px #0000000a}.form-section .section-header{border-bottom:1px solid var(--surface);align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.form-section .section-header h3{color:var(--text-main);letter-spacing:-.02em;align-items:center;gap:.75rem;margin:0;font-size:1.1rem;font-weight:850;display:flex}.form-section .section-header .step-badge{background:var(--primary-light);color:var(--primary);text-transform:uppercase;border-radius:18px;padding:3px 10px;font-size:.7rem;font-weight:900}.form-type-selector{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;padding:.4rem;display:grid;box-shadow:0 2px 4px #00000005}.form-type-selector .toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.form-type-selector .toggle-btn svg{font-size:1.2rem}.form-type-selector .toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px #6366f14d}.form-type-selector .toggle-btn:hover:not(.active){background:var(--surface);color:var(--text-main)}.info-grids{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (max-width:768px){.info-grids{grid-template-columns:1fr}}.form-fields{flex-direction:column;gap:.5rem;display:flex}.form-fields label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-left:4px;font-size:.75rem;font-weight:850}.form-fields input,.form-fields textarea,.form-fields select{border:2px solid var(--border);color:var(--text-main);background:#fff;border-radius:12px;width:100%;padding:.7rem 1rem;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-fields input::placeholder,.form-fields textarea::placeholder,.form-fields select::placeholder{color:#cbd5e1;font-weight:500}.form-fields input:focus,.form-fields textarea:focus,.form-fields select:focus{border-color:var(--primary);background:#fff;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #6366f11a}.form-fields input:disabled,.form-fields textarea:disabled,.form-fields select:disabled{color:#94a3b8;background:#f1f5f9;border-color:#f1f5f9}.form-fields select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.1rem;padding-right:2.5rem}.form-fields textarea{resize:none;min-height:100px}.upload-dropzone{border:2.5px dashed var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;transition:all .3s;display:flex}.upload-dropzone:hover{border-color:var(--primary);background:var(--primary-light);opacity:.8}.upload-dropzone .upload-icon{background:var(--surface);width:48px;height:48px;color:var(--text-muted);border-radius:16px;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s;display:flex}.upload-dropzone p{color:var(--text-muted);margin:0;font-weight:750}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.image-preview-container{border:2px solid var(--border);border-radius:16px;height:130px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.image-preview-container img{object-fit:cover;width:100%;height:100%}.image-preview-container .remove-btn{width:28px;height:28px;color:var(--danger);cursor:pointer;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 4px 6px #0000001a}.image-preview-container .remove-btn:hover{background:#fff;transform:scale(1.1)}.captcha-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:1.5rem;padding:1.25rem;display:flex}.captcha-container .captcha-code{letter-spacing:.2em;color:var(--primary);border:2px dashed var(--primary-light);-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;padding:10px 20px;font-family:Monaco,Consolas,monospace;font-size:1.5rem;font-weight:900}.captcha-container .captcha-input-wrap{flex:1;gap:.75rem;display:flex}.modal-footer{border-top:1px solid var(--border);background:#fff;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}@media (max-width:640px){.modal-footer{flex-direction:column-reverse;padding:1.25rem}}.modal-footer .btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 2rem;font-size:1rem;font-weight:850;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.modal-footer .btn.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 25px -5px #6366f166}.modal-footer .btn.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 15px 30px -5px #6366f180}.modal-footer .btn.btn-outline{color:var(--text-muted);border:2px solid var(--border);background:#fff}.modal-footer .btn.btn-outline:hover{border-color:var(--text-muted);color:var(--text-main);background:var(--surface)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.status-banner{border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:700;display:flex}.status-banner.status-open{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.status-banner.status-completed{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.input-group-append{gap:8px;width:100%;display:flex}.input-group-append input{flex:1}.input-group-append button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:0 20px;font-weight:800;transition:all .2s}.input-group-append button:hover{background:var(--primary-dark)}.chip-container{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{background:var(--primary-light);color:var(--primary);border-radius:10px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:800;display:flex}.chip button{color:var(--primary);cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;display:flex}.chip button:hover{opacity:1}
.custom-alert-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10002;background:#0f172abf;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.custom-alert-container{background:#fff;border-radius:24px;width:100%;max-width:400px;animation:.3s cubic-bezier(.16,1,.3,1) slideInScale;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}@media (max-width:640px){.custom-alert-container{max-width:calc(100% - 2rem)}}.alert-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem 2rem;display:flex}.alert-icon{margin-bottom:.5rem;font-size:4rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) iconPop}.alert-icon.success{color:#16a34a}.alert-icon.error{color:#dc2626}.alert-icon.warning{color:#f59e0b}.alert-icon.info{color:#3b82f6}.alert-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.alert-message{color:#64748b;white-space:pre-line;margin:0;font-size:1rem;line-height:1.6}.alert-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:center;padding:1.5rem 2rem;display:flex}.alert-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.875rem 3rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.alert-btn.alert-btn-primary{color:#fff;background:#4f46e5;box-shadow:0 4px 6px #4f46e540}.alert-btn.alert-btn-primary:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 6px 12px #4f46e559}.alert-btn.alert-btn-primary:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInScale{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes iconPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}