:root{--modal-primary-color: #6366f1;--modal-primary-hover: #4f46e5;--modal-success-color: #10b981;--modal-success-hover: #059669;--modal-fail-color: #b91010;--modal-fail-hover: #960505;--modal-text-primary: #1e293b;--modal-text-secondary: #64748b;--modal-bg-main: #f8fafc;--modal-bg-card: #ffffff;--modal-bg-column: #f1f5f9;--modal-border-color: #e2e8f0;--modal-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--modal-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--modal-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.basic-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1000;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.basic-modal .modal-content{background-color:var(--modal-bg-card);border-radius:12px;width:550px;max-width:90%;max-height:90%;overflow-y:auto;padding:2rem;box-shadow:var(--modal-shadow-lg);animation:modal-in .3s ease-out forwards}@keyframes modal-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.basic-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--modal-border-color)}.basic-modal .modal-header h2{font-size:1.25rem;font-weight:600;color:var(--modal-text-primary)}.basic-modal .close-btn{background:none;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--modal-text-secondary);font-size:1.5rem;transition:all .2s ease}.basic-modal .close-btn:hover{background-color:var(--modal-bg-column);color:var(--modal-text-primary)}.basic-modal .form-group{margin-bottom:1.25rem}.basic-modal .label-and-hint{display:flex;justify-content:space-between}.basic-modal .hint{font-size:.9rem;cursor:pointer}.basic-modal label{display:block;margin-bottom:.5rem;color:var(--modal-text-primary);font-weight:500;font-size:.9rem}.basic-modal input,.basic-modal textarea,.basic-modal select{width:100%;padding:.75rem 1rem;border:1px solid var(--modal-border-color);border-radius:8px;font-size:.9rem;color:var(--modal-text-primary);background-color:var(--modal-bg-main);transition:all .2s ease}.basic-modal input:focus,.basic-modal textarea:focus,.basic-modal select:focus{border-color:var(--modal-primary-color);outline:none;box-shadow:0 0 0 3px #6366f126}.basic-modal textarea{min-height:120px;resize:vertical}.basic-modal .modal-info{text-align:center;font-size:.9rem}.basic-modal .modal-info#info-success{color:var(--modal-success-color)}.basic-modal .modal-info#info-fail{color:var(--modal-fail-color)}.basic-modal .submit-btn{background-color:var(--modal-success-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;margin-top:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.basic-modal .submit-btn:hover{background-color:var(--modal-success-hover);transform:translateY(-2px)}